




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Visual formatting model details
 - CSS2.1 Test Suite</title>
  <style type="text/css">* { margin: 0; padding: 0 }
    @import "http://www.w3.org/StyleSheets/TR/base.css";
    @import "../indices.css";
  </style>
 </head>

 <body>

  <h1>CSS2.1 Test Suite</h1>
  <h2>Visual formatting model details
 (1163 tests)</h2>
  <table width="100%">
    <col id="test-column"></col>
    <col id="flags-column"></col>
    <col id="info-column"></col>
    <thead>
      <tr>
        <th>Test</th>
        <th><abbr title="Rendering References">Refs</abbr></th>
        <th>Flags</th>
        <th>Info</th>
      </tr>
    </thead>
    <tbody id="s10.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details">10.1 Definition of "containing block"
</a></th></tr>
      <!-- 57 tests -->
      <tr id="abspos-containing-block-001-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-001.xht">abspos-containing-block-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for fixed positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-002-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-002.xht">abspos-containing-block-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-003-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-003.xht">abspos-containing-block-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-004-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-004.xht">abspos-containing-block-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-005-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-005.xht">abspos-containing-block-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-006-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-006.xht">abspos-containing-block-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-007-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-007.xht">abspos-containing-block-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-008-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-008.xht">abspos-containing-block-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-009-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-009.xht">abspos-containing-block-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioning
        </td>
      </tr>
      <tr id="abspos-containing-block-010-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-010.xht">abspos-containing-block-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: Containing Block of Top Level Absolutely Positioned Block
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-001-10.1" class="primary dom">
        <td><strong>
            <a href="abspos-containing-block-initial-001.xht">abspos-containing-block-initial-001</a></strong></td>
        <td><a href="abspos-containing-block-initial-001-ref.xht">=</a> </td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004a-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004a.xht">abspos-containing-block-initial-004a</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004b-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004b.xht">abspos-containing-block-initial-004b</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004c-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004c.xht">abspos-containing-block-initial-004c</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004d-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004d.xht">abspos-containing-block-initial-004d</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004e-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004e.xht">abspos-containing-block-initial-004e</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-004f-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-004f.xht">abspos-containing-block-initial-004f</a></strong></td>
        <td><a href="abspos-containing-block-initial-004-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-005a-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-005a.xht">abspos-containing-block-initial-005a</a></strong></td>
        <td><a href="abspos-containing-block-initial-005-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-005b-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-005b.xht">abspos-containing-block-initial-005b</a></strong></td>
        <td><a href="abspos-containing-block-initial-005-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-005c-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-005c.xht">abspos-containing-block-initial-005c</a></strong></td>
        <td><a href="abspos-containing-block-initial-005-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-005d-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-005d.xht">abspos-containing-block-initial-005d</a></strong></td>
        <td><a href="abspos-containing-block-initial-005-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-007-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-007.xht">abspos-containing-block-initial-007</a></strong></td>
        <td><a href="abspos-containing-block-initial-007-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-009a-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-009a.xht">abspos-containing-block-initial-009a</a></strong></td>
        <td><a href="abspos-containing-block-initial-009-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-009b-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-009b.xht">abspos-containing-block-initial-009b</a></strong></td>
        <td><a href="abspos-containing-block-initial-009-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-009e-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-009e.xht">abspos-containing-block-initial-009e</a></strong></td>
        <td><a href="abspos-containing-block-initial-009-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-containing-block-initial-009f-10.1" class="primary">
        <td><strong>
            <a href="abspos-containing-block-initial-009f.xht">abspos-containing-block-initial-009f</a></strong></td>
        <td><a href="abspos-containing-block-initial-009-ref.xht">=</a> </td>
        <td></td>
        <td>Test for containing block for absolutely positioned elements being initial containing block
          <ul class="assert">
            <li>If there is no such ancestor, the containing block is the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="anonymous-boxes-001-10.1" class="">
        <td>
            <a href="anonymous-boxes-001.xht">anonymous-boxes-001</a></td>
        <td><a href="support/ref-green-box-100x100.xht">=</a> </td>
        <td></td>
        <td>Percent heights inside anonymous blocks
          <ul class="assert">
            <li>Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.</li>
          </ul>
        </td>
      </tr>
      <tr id="background-root-017-10.1" class="primary interact">
        <td><strong>
            <a href="background-root-017.xht">background-root-017</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Height of root element
        </td>
      </tr>
      <tr id="containing-block-001-10.1" class="primary">
        <td><strong>
            <a href="containing-block-001.xht">containing-block-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for relative positioned elements is nearest block-level ancestor
          <ul class="assert">
            <li>If the element's position is 'relative', the containing block is formed by the content edge of the nearest block-level ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-002-10.1" class="primary">
        <td><strong>
            <a href="containing-block-002.xht">containing-block-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for relative positioned elements is nearest table cell ancestor
          <ul class="assert">
            <li>If the element's position is 'relative', the containing block is formed by the content edge of the nearest table cell ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-003-10.1" class="primary">
        <td><strong>
            <a href="containing-block-003.xht">containing-block-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for relative positioned elements is nearest inline-block ancestor
          <ul class="assert">
            <li>If the element's position is 'relative', the containing block is formed by the content edge of the nearest inline-block ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-004-10.1" class="primary">
        <td><strong>
            <a href="containing-block-004.xht">containing-block-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for static positioned elements is nearest block-level ancestor
          <ul class="assert">
            <li>If the element's position is 'static', the containing block is formed by the content edge of the nearest block-level ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-005-10.1" class="primary">
        <td><strong>
            <a href="containing-block-005.xht">containing-block-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for static positioned elements is nearest table cell ancestor
          <ul class="assert">
            <li>If the element's position is 'static', the containing block is formed by the content edge of the nearest table cell ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-006-10.1" class="primary">
        <td><strong>
            <a href="containing-block-006.xht">containing-block-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for static positioned elements is nearest inline-block ancestor
          <ul class="assert">
            <li>If the element's position is 'static', the containing block is formed by the content edge of the nearest inline-block ancestor box.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-007-10.1" class="primary">
        <td><strong>
            <a href="containing-block-007.xht">containing-block-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Initial containing block for fixed positioned elements
          <ul class="assert">
            <li>The containing block is established by the viewport when an element uses fixed positioning.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-008-10.1" class="primary">
        <td><strong>
            <a href="containing-block-008.xht">containing-block-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioned elements is nearest positioned (absolute) ancestor
          <ul class="assert">
            <li>If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-009-10.1" class="primary">
        <td><strong>
            <a href="containing-block-009.xht">containing-block-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioned elements is nearest positioned (relative) ancestor
          <ul class="assert">
            <li>If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-010-10.1" class="primary">
        <td><strong>
            <a href="containing-block-010.xht">containing-block-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing block for absolute positioned elements is nearest positioned (fixed) ancestor
          <ul class="assert">
            <li>If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-011-10.1" class="primary">
        <td><strong>
            <a href="containing-block-011.xht">containing-block-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is relative
          <ul class="assert">
            <li>If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-013-10.1" class="primary">
        <td><strong>
            <a href="containing-block-013.xht">containing-block-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is absolute
          <ul class="assert">
            <li>If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-015-10.1" class="primary">
        <td><strong>
            <a href="containing-block-015.xht">containing-block-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is fixed
          <ul class="assert">
            <li>If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-017-10.1" class="primary dom interact">
        <td><strong>
            <a href="containing-block-017.xht">containing-block-017</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Containing Blocks - Block-level elements position based on left-to-right direction and parent element is relative
          <ul class="assert">
            <li>The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-018-10.1" class="primary dom interact">
        <td><strong>
            <a href="containing-block-018.xht">containing-block-018</a></strong></td>
        <td></td>
        <td><abbr class="dom" title="Requires DOM (Document Object Model) Support">DOM/JS</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>Containing Blocks - Block-level elements position based on right-to-left direction and parent element is relative
          <ul class="assert">
            <li>The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-019-10.1" class="primary">
        <td><strong>
            <a href="containing-block-019.xht">containing-block-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Block-level elements position based on left-to-right direction and parent element is absolute
          <ul class="assert">
            <li>The containing block is formed by the padding edge for block-level elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-020-10.1" class="primary">
        <td><strong>
            <a href="containing-block-020.xht">containing-block-020</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Block-level elements position based on right-to-left direction and parent element is absolute
          <ul class="assert">
            <li>The contining block is formed by the padding edge for block-level elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-021-10.1" class="primary">
        <td><strong>
            <a href="containing-block-021.xht">containing-block-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Block-level elements position based on left-to-right direction and parent element is fixed
          <ul class="assert">
            <li>The containing block is formed by the padding edge for block-level elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-022-10.1" class="primary">
        <td><strong>
            <a href="containing-block-022.xht">containing-block-022</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Block-level elements position based on right-to-left direction and parent element is fixed
          <ul class="assert">
            <li>The contining block is formed by the padding edge for block-level elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-023-10.1" class="primary">
        <td><strong>
            <a href="containing-block-023.xht">containing-block-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Containing Blocks - Fall back to Initial containing block
          <ul class="assert">
            <li>When there are no positioned ancestors then the initial containing block is used.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-024-10.1" class="primary paged">
        <td><strong>
            <a href="containing-block-024.xht">containing-block-024</a></strong></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Containing block and absolutely positioned element in paged media
          <ul class="assert">
            <li>An absolutely positioned element ignores page breaks in paged media.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-025-10.1" class="primary may paged">
        <td><strong>
            <a href="containing-block-025.xht">containing-block-025</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Containing block and absolutely positioned element in paged media positioned off first page
          <ul class="assert">
            <li>An absolutely positioned element positioned beyond the boundaries of the page being laid out can be omitted, rendered on the current page or on a following page.</li>
          </ul>
        </td>
      </tr>
      <tr id="containing-block-031-10.1" class="primary ahem">
        <td><strong>
            <a href="containing-block-031.xht">containing-block-031</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>containing block - absolutely positioned elements inside inline-level relative elements
          <ul class="assert">
            <li>If the nearest positioned ancestor of an absolutely positioned element is inline-level and direction is 'ltr', then the top and left of the containing block are the top and left padding edges of the first box generated by the ancestor, and the bottom and right are the bottom and right padding edges of the last box of the ancestor</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-percentage-003-10.1" class="">
        <td>
            <a href="min-height-percentage-003.xht">min-height-percentage-003</a></td>
        <td></td>
        <td></td>
        <td>min-height - 100% of the initial containing block's height
          <ul class="assert">
            <li>The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-break-inside-000-10.1" class="paged">
        <td>
            <a href="page-break-inside-000.xht">page-break-inside-000</a></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>page-break-inside:auto
          <ul class="assert">
            <li>The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-008-10.1" class="primary paged">
        <td><strong>
            <a href="page-container-008.xht">page-container-008</a></strong></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Paged Media Canvas Background
          <ul class="assert">
            <li>For documents in the html namespace, a background on 'html' will cover the page area but not the margin area.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-009-10.1" class="primary paged">
        <td><strong>
            <a href="page-container-009.xht">page-container-009</a></strong></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Paged Media Body Background
          <ul class="assert">
            <li>For documents in the html namespace, a background on 'body' will cover the page area.</li>
          </ul>
        </td>
      </tr>
      <tr id="root-canvas-001-10.1" class="">
        <td>
            <a href="root-canvas-001.xht">root-canvas-001</a></td>
        <td></td>
        <td></td>
        <td>Canvas: Embedded documents
        </td>
      </tr>
      <tr id="table-percent-width-001-10.1" class="">
        <td>
            <a href="table-percent-width-001.xht">table-percent-width-001</a></td>
        <td></td>
        <td></td>
        <td>Testing percent widths of kids of anonymous table cells
          <ul class="assert">
            <li>Percentage width kids of anonymous cells should use anonymous cell as containing block</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">10.2 Content width: the 'width' property
</a></th></tr>
      <!-- 111 tests -->
      <tr id="blocks-011-10.2" class="primary">
        <td><strong>
            <a href="blocks-011.xht">blocks-011</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: overconstrained horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-012-10.2" class="primary">
        <td><strong>
            <a href="blocks-012.xht">blocks-012</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: overconstrained horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-013-10.2" class="primary">
        <td><strong>
            <a href="blocks-013.xht">blocks-013</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: overconstrained horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-014-10.2" class="primary">
        <td><strong>
            <a href="blocks-014.xht">blocks-014</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: sane horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-015-10.2" class="primary">
        <td><strong>
            <a href="blocks-015.xht">blocks-015</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: sane horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-016-10.2" class="primary">
        <td><strong>
            <a href="blocks-016.xht">blocks-016</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Block Box Model: sane horizontal box model and minimum widths
        </td>
      </tr>
      <tr id="blocks-020-10.2" class="primary ahem">
        <td><strong>
            <a href="blocks-020.xht">blocks-020</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>CSS Block Box Model: block widths with position:relative
        </td>
      </tr>
      <tr id="blocks-021-10.2" class="primary ahem">
        <td><strong>
            <a href="blocks-021.xht">blocks-021</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>CSS Block Box Model: block widths with position:absolute
        </td>
      </tr>
      <tr id="blocks-022-10.2" class="primary ahem">
        <td><strong>
            <a href="blocks-022.xht">blocks-022</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>CSS Block Box Model: block widths with position:static
        </td>
      </tr>
      <tr id="blocks-025-10.2" class="primary">
        <td><strong>
            <a href="blocks-025.xht">blocks-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage Dimensions in Shrink Wrap Blocks
        </td>
      </tr>
      <tr id="blocks-026-10.2" class="primary">
        <td><strong>
            <a href="blocks-026.xht">blocks-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage widths on INPUT elements with borders
        </td>
      </tr>
      <tr id="c412-blockw-000-10.2" class="ahem image">
        <td>
            <a href="c412-blockw-000.xht">c412-blockw-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Horizontal Formatting
        </td>
      </tr>
      <tr id="c5502-mrgn-r-003-10.2" class="">
        <td>
            <a href="c5502-mrgn-r-003.xht">c5502-mrgn-r-003</a></td>
        <td></td>
        <td></td>
        <td>margin-right
        </td>
      </tr>
      <tr id="c5504-mrgn-l-003-10.2" class="">
        <td>
            <a href="c5504-mrgn-l-003.xht">c5504-mrgn-l-003</a></td>
        <td></td>
        <td></td>
        <td>margin-left
        </td>
      </tr>
      <tr id="c5505-mrgn-003-10.2" class="ahem image">
        <td>
            <a href="c5505-mrgn-003.xht">c5505-mrgn-003</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>margin
        </td>
      </tr>
      <tr id="c5507-padn-r-003-10.2" class="invalid">
        <td>
            <a href="c5507-padn-r-003.xht">c5507-padn-r-003</a></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>padding-right
        </td>
      </tr>
      <tr id="c5523-width-000-10.2" class="primary image">
        <td><strong>
            <a href="c5523-width-000.xht">c5523-width-000</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>width
        </td>
      </tr>
      <tr id="c5523-width-001-10.2" class="primary image">
        <td><strong>
            <a href="c5523-width-001.xht">c5523-width-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>width
        </td>
      </tr>
      <tr id="c5523-width-002-10.2" class="primary image">
        <td><strong>
            <a href="c5523-width-002.xht">c5523-width-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>width
        </td>
      </tr>
      <tr id="c5525-fltwidth-000-10.2" class="image">
        <td>
            <a href="c5525-fltwidth-000.xht">c5525-fltwidth-000</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>float
        </td>
      </tr>
      <tr id="float-non-replaced-width-008-10.2" class="ahem">
        <td>
            <a href="float-non-replaced-width-008.xht">float-non-replaced-width-008</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-009-10.2" class="ahem">
        <td>
            <a href="float-non-replaced-width-009.xht">float-non-replaced-width-009</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-010-10.2" class="ahem">
        <td>
            <a href="float-non-replaced-width-010.xht">float-non-replaced-width-010</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-001-10.2" class="primary">
        <td><strong>
            <a href="width-001.xht">width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-002-10.2" class="primary">
        <td><strong>
            <a href="width-002.xht">width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-003-10.2" class="primary">
        <td><strong>
            <a href="width-003.xht">width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-004-10.2" class="primary">
        <td><strong>
            <a href="width-004.xht">width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-005-10.2" class="primary">
        <td><strong>
            <a href="width-005.xht">width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-006-10.2" class="primary">
        <td><strong>
            <a href="width-006.xht">width-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-007-10.2" class="primary">
        <td><strong>
            <a href="width-007.xht">width-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-012-10.2" class="primary">
        <td><strong>
            <a href="width-012.xht">width-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-013-10.2" class="primary">
        <td><strong>
            <a href="width-013.xht">width-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-014-10.2" class="primary">
        <td><strong>
            <a href="width-014.xht">width-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-015-10.2" class="primary">
        <td><strong>
            <a href="width-015.xht">width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-016-10.2" class="primary">
        <td><strong>
            <a href="width-016.xht">width-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-017-10.2" class="primary">
        <td><strong>
            <a href="width-017.xht">width-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-018-10.2" class="primary">
        <td><strong>
            <a href="width-018.xht">width-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-023-10.2" class="primary">
        <td><strong>
            <a href="width-023.xht">width-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-024-10.2" class="primary">
        <td><strong>
            <a href="width-024.xht">width-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-025-10.2" class="primary">
        <td><strong>
            <a href="width-025.xht">width-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-026-10.2" class="primary">
        <td><strong>
            <a href="width-026.xht">width-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-027-10.2" class="primary">
        <td><strong>
            <a href="width-027.xht">width-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-028-10.2" class="primary">
        <td><strong>
            <a href="width-028.xht">width-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-029-10.2" class="primary">
        <td><strong>
            <a href="width-029.xht">width-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-034-10.2" class="primary">
        <td><strong>
            <a href="width-034.xht">width-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-035-10.2" class="primary">
        <td><strong>
            <a href="width-035.xht">width-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-036-10.2" class="primary">
        <td><strong>
            <a href="width-036.xht">width-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-037-10.2" class="primary">
        <td><strong>
            <a href="width-037.xht">width-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-038-10.2" class="primary">
        <td><strong>
            <a href="width-038.xht">width-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-039-10.2" class="primary">
        <td><strong>
            <a href="width-039.xht">width-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-040-10.2" class="primary">
        <td><strong>
            <a href="width-040.xht">width-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-045-10.2" class="primary">
        <td><strong>
            <a href="width-045.xht">width-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-046-10.2" class="primary">
        <td><strong>
            <a href="width-046.xht">width-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-047-10.2" class="primary">
        <td><strong>
            <a href="width-047.xht">width-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-048-10.2" class="primary">
        <td><strong>
            <a href="width-048.xht">width-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-049-10.2" class="primary">
        <td><strong>
            <a href="width-049.xht">width-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-050-10.2" class="primary">
        <td><strong>
            <a href="width-050.xht">width-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-051-10.2" class="primary">
        <td><strong>
            <a href="width-051.xht">width-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-056-10.2" class="primary">
        <td><strong>
            <a href="width-056.xht">width-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-057-10.2" class="primary">
        <td><strong>
            <a href="width-057.xht">width-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-058-10.2" class="primary">
        <td><strong>
            <a href="width-058.xht">width-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-059-10.2" class="primary">
        <td><strong>
            <a href="width-059.xht">width-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-060-10.2" class="primary">
        <td><strong>
            <a href="width-060.xht">width-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-061-10.2" class="primary">
        <td><strong>
            <a href="width-061.xht">width-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-062-10.2" class="primary">
        <td><strong>
            <a href="width-062.xht">width-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-067-10.2" class="primary ahem invalid">
        <td><strong>
            <a href="width-067.xht">width-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Width using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-068-10.2" class="primary ahem">
        <td><strong>
            <a href="width-068.xht">width-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-069-10.2" class="primary ahem">
        <td><strong>
            <a href="width-069.xht">width-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-070-10.2" class="primary ahem">
        <td><strong>
            <a href="width-070.xht">width-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-071-10.2" class="primary ahem">
        <td><strong>
            <a href="width-071.xht">width-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-072-10.2" class="primary ahem">
        <td><strong>
            <a href="width-072.xht">width-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-073-10.2" class="primary ahem">
        <td><strong>
            <a href="width-073.xht">width-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-078-10.2" class="primary ahem invalid">
        <td><strong>
            <a href="width-078.xht">width-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Width using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-079-10.2" class="primary ahem">
        <td><strong>
            <a href="width-079.xht">width-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-080-10.2" class="primary ahem">
        <td><strong>
            <a href="width-080.xht">width-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-081-10.2" class="primary ahem">
        <td><strong>
            <a href="width-081.xht">width-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-082-10.2" class="primary ahem">
        <td><strong>
            <a href="width-082.xht">width-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-083-10.2" class="primary ahem">
        <td><strong>
            <a href="width-083.xht">width-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-084-10.2" class="primary ahem">
        <td><strong>
            <a href="width-084.xht">width-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-089-10.2" class="primary">
        <td><strong>
            <a href="width-089.xht">width-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'width' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-090-10.2" class="primary">
        <td><strong>
            <a href="width-090.xht">width-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'width' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-091-10.2" class="primary">
        <td><strong>
            <a href="width-091.xht">width-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'width' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-092-10.2" class="primary">
        <td><strong>
            <a href="width-092.xht">width-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-093-10.2" class="primary">
        <td><strong>
            <a href="width-093.xht">width-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-094-10.2" class="primary">
        <td><strong>
            <a href="width-094.xht">width-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'width' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-095-10.2" class="primary">
        <td><strong>
            <a href="width-095.xht">width-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Width using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'width' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-100-10.2" class="primary">
        <td><strong>
            <a href="width-100.xht">width-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Width with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'width' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-101-10.2" class="primary">
        <td><strong>
            <a href="width-101.xht">width-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Width with a zero value and no units, 0
          <ul class="assert">
            <li>The 'width' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-102-10.2" class="primary">
        <td><strong>
            <a href="width-102.xht">width-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Width with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'width' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-103-10.2" class="primary">
        <td><strong>
            <a href="width-103.xht">width-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Width set to a value of 'auto'
          <ul class="assert">
            <li>The 'width' property applies a value of 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-104-10.2" class="primary">
        <td><strong>
            <a href="width-104.xht">width-104</a></strong></td>
        <td></td>
        <td></td>
        <td>Width set to 'inherit'
          <ul class="assert">
            <li>The 'width' property properly inherits the width value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-001-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-001.xht">width-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'width' property does not apply to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-002-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-002.xht">width-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'width' property does not apply to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-003-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-003.xht">width-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'width' property does not apply to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-004-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-004.xht">width-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'width' property does not apply to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-005-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-005.xht">width-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-006-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-006.xht">width-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-007-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-007.xht">width-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-008-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-008.xht">width-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'width' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-009-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-009.xht">width-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-010-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-010.xht">width-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-012-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-012.xht">width-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-013-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-013.xht">width-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-014-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-014.xht">width-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-015-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-015.xht">width-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'width' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-applies-to-016-10.2" class="primary">
        <td><strong>
            <a href="width-applies-to-016.xht">width-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Width applied to elements set to 'display: none'
          <ul class="assert">
            <li>Width can be applied to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-non-replaced-inline-001-10.2" class="primary">
        <td><strong>
            <a href="width-non-replaced-inline-001.xht">width-non-replaced-inline-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Width of non-replaced inline element should be the same as its content
          <ul class="assert">
            <li>Content width of a non-replaced inline element is that of the rendered content.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-percentage-001-10.2" class="primary">
        <td><strong>
            <a href="width-percentage-001.xht">width-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating percentage based width off of the parent container
          <ul class="assert">
            <li>Percentage is calculated with respect to the width of the generated boxes containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-percentage-002-10.2" class="primary">
        <td><strong>
            <a href="width-percentage-002.xht">width-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Calculating widths for absolutely positioned elements
          <ul class="assert">
            <li>Absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the padding box of that element.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-replaced-element-001-10.2" class="primary image may">
        <td><strong>
            <a href="width-replaced-element-001.xht">width-replaced-element-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Scaling replaced elements with a width specified can scale the image
          <ul class="assert">
            <li>Replaced elements width may be scaled by the user agent when the value of the property is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="width-undefined-001-10.2" class="primary ahem">
        <td><strong>
            <a href="width-undefined-001.xht">width-undefined-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Width of containing block is determined by with of child
          <ul class="assert">
            <li>The containing block's width depends on this element's width because the resulting layout has not been defined in CSS2.1.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#Computing_widths_and_margins">10.3 Calculating widths and margins
</a></th></tr>
      <!-- 0 tests -->
    </tbody>
    <tbody id="s10.3.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inline-width">10.3.1 Inline, non-replaced elements
</a></th></tr>
      <!-- 2 tests -->
      <tr id="inline-non-replaced-width-001-10.3.1" class="primary ahem">
        <td><strong>
            <a href="inline-non-replaced-width-001.xht">inline-non-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-left'
          <ul class="assert">
            <li>Computed value of 'auto' for 'left', 'right', and 'margin-left' becomes a used value of '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-non-replaced-width-002-10.3.1" class="primary ahem">
        <td><strong>
            <a href="inline-non-replaced-width-002.xht">inline-non-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-right'
          <ul class="assert">
            <li>Computed value of 'auto' for 'left', 'right', and 'margin-right' becomes a used value of '0'.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width">10.3.2 Inline, replaced elements
</a></th></tr>
      <!-- 15 tests -->
      <tr id="inline-replaced-width-001-10.3.2" class="primary image">
        <td><strong>
            <a href="inline-replaced-width-001.xht">inline-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-width-002-10.3.2" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-replaced-width-002.xht">inline-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-width-003-10.3.2" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-replaced-width-003.xht">inline-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-width-004-10.3.2" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-replaced-width-004.xht">inline-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-width-006-10.3.2" class="primary image">
        <td><strong>
            <a href="inline-replaced-width-006.xht">inline-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-width-011-10.3.2" class="primary">
        <td><strong>
            <a href="inline-replaced-width-011.xht">inline-replaced-width-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Replaced inline elements with % widths
        </td>
      </tr>
      <tr id="inline-replaced-width-012-10.3.2" class="primary">
        <td><strong>
            <a href="inline-replaced-width-012.xht">inline-replaced-width-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Replaced inline elements wrapping around floats (% widths)
        </td>
      </tr>
      <tr id="inline-replaced-width-013-10.3.2" class="primary">
        <td><strong>
            <a href="inline-replaced-width-013.xht">inline-replaced-width-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Replaced inline elements wrapping around floats (pixel widths)
        </td>
      </tr>
      <tr id="inline-replaced-width-014-10.3.2" class="primary">
        <td><strong>
            <a href="inline-replaced-width-014.xht">inline-replaced-width-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Replaced inline elements with % widths
        </td>
      </tr>
      <tr id="inline-replaced-width-015-10.3.2" class="primary">
        <td><strong>
            <a href="inline-replaced-width-015.xht">inline-replaced-width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Replaced inline elements wrapping around floats (% widths)
        </td>
      </tr>
      <tr id="replaced-intrinsic-001-10.3.2" class="primary svg">
        <td><strong>
            <a href="replaced-intrinsic-001.xht">replaced-intrinsic-001</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Replaced inline elements (using &lt;object&gt;) and SVG intrinsic widths
        </td>
      </tr>
      <tr id="replaced-intrinsic-002-10.3.2" class="primary svg">
        <td><strong>
            <a href="replaced-intrinsic-002.xht">replaced-intrinsic-002</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Replaced inline elements (using &lt;object&gt;) and SVG intrinsic widths (negative test equivalent of 001)
        </td>
      </tr>
      <tr id="replaced-intrinsic-003-10.3.2" class="primary image svg">
        <td><strong>
            <a href="replaced-intrinsic-003.xht">replaced-intrinsic-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Replaced block elements (using &lt;object&gt;) and SVG intrinsic widths
        </td>
      </tr>
      <tr id="replaced-intrinsic-005-10.3.2" class="primary svg">
        <td><strong>
            <a href="replaced-intrinsic-005.xht">replaced-intrinsic-005</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Auto Intrinsic Sizes: Intrinsic Width Only and Auto Height
          <ul class="assert">
            <li>A replaced element with an intrinsic height only and a specified width is drawn at the specified width and intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="replaced-intrinsic-ratio-001-10.3.2" class="primary may svg">
        <td><strong>
            <a href="replaced-intrinsic-ratio-001.xht">replaced-intrinsic-ratio-001</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Auto Width for Replaced Element with Intrinsic Ratio Only
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3 Block-level, non-replaced elements in normal flow
</a></th></tr>
      <!-- 9 tests -->
      <tr id="block-non-replaced-width-001-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-001.xht">block-non-replaced-width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving for width of block-level non-replaced elements in normal flow
          <ul class="assert">
            <li>The equation; 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' is equal the width of containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-002-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-002.xht">block-non-replaced-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving for width of block-level non-replaced elements in normal flow when 'width' is 'auto'
          <ul class="assert">
            <li>When width is auto and the combination of border widths, padding widths, scrollbar widths, width, and non 'auto' margin widths are larger than the width of the containing block, the margin widths are treated as 0.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-003-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-003.xht">block-non-replaced-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is left-to-right
          <ul class="assert">
            <li>When direction is left-to-right, margin-right is ignored in an over-constrained situation.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-004-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-004.xht">block-non-replaced-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is right-to-left
          <ul class="assert">
            <li>When direction is right-to-left, margin-left is ignored in an over-constrained situation.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-005-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-005.xht">block-non-replaced-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving width for block-level non-replaced elements in normal flow with single 'auto' value
          <ul class="assert">
            <li>If 'width' is set to 'auto', no other 'auto' values are set the 'width' is computed based the width of the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-006-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-006.xht">block-non-replaced-width-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving width for block-level non-replaced elements in normal flow with multiple properties with 'auto' values
          <ul class="assert">
            <li>If 'width' is set to 'auto', any other 'auto' values become '0' and the 'width' is computed based on remaining space which includes any negative width.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-007-10.3.3" class="primary ahem">
        <td><strong>
            <a href="block-non-replaced-width-007.xht">block-non-replaced-width-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Box centering with 'margin-left' and 'margin-right' set to auto
          <ul class="assert">
            <li>When 'margin-left' and 'margin-right' are set to auto and the element has a 'width' then the box will be centered.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-width-008-10.3.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-width-008.xht">block-non-replaced-width-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Solving 'width: auto' of a block-level non-replaced element in normal flow with one other property set to an 'auto' value
          <ul class="assert">
            <li>If 'width' is set to 'auto', any other 'auto' values become '0' and the determination of 'width' proceeds from the following equality: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block</li>
          </ul>
        </td>
      </tr>
      <tr id="c412-blockw-000-10.3.3" class="primary ahem image">
        <td><strong>
            <a href="c412-blockw-000.xht">c412-blockw-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Horizontal Formatting
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#block-replaced-width">10.3.4 Block-level, replaced elements in normal flow
</a></th></tr>
      <!-- 9 tests -->
      <tr id="block-replaced-width-001-10.3.4" class="primary ahem image">
        <td><strong>
            <a href="block-replaced-width-001.xht">block-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-width-002-10.3.4" class="primary nonHTML svg">
        <td><strong>
            <a href="block-replaced-width-002.xht">block-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-width-003-10.3.4" class="primary nonHTML svg">
        <td><strong>
            <a href="block-replaced-width-003.xht">block-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-width-004-10.3.4" class="primary nonHTML svg">
        <td><strong>
            <a href="block-replaced-width-004.xht">block-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-width-006-10.3.4" class="primary ahem image">
        <td><strong>
            <a href="block-replaced-width-006.xht">block-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="c43-center-000-10.3.4" class="ahem image">
        <td>
            <a href="c43-center-000.xht">c43-center-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-bbx-000-10.3.4" class="primary image">
        <td><strong>
            <a href="c43-rpl-bbx-000.xht">c43-rpl-bbx-000</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-bbx-001-10.3.4" class="primary image">
        <td><strong>
            <a href="c43-rpl-bbx-001.xht">c43-rpl-bbx-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="replaced-elements-001-10.3.4" class="primary">
        <td><strong>
            <a href="replaced-elements-001.xht">replaced-elements-001</a></strong></td>
        <td></td>
        <td></td>
        <td>replaced elements - margin
          <ul class="assert">
            <li>Block-level, replaced elements with margin-left: auto and margin-right: auto should be centered within their respective parent block</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">10.3.5 Floating, non-replaced elements
</a></th></tr>
      <!-- 16 tests -->
      <tr id="absolute-non-replaced-width-019-10.3.5" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-019.xht">absolute-non-replaced-width-019</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-020-10.3.5" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-020.xht">absolute-non-replaced-width-020</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-023-10.3.5" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-023.xht">absolute-non-replaced-width-023</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-024-10.3.5" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-024.xht">absolute-non-replaced-width-024</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-001-10.3.5" class="primary">
        <td><strong>
            <a href="float-non-replaced-width-001.xht">float-non-replaced-width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Floating non-replaced elements with 'auto' left margin
          <ul class="assert">
            <li>If 'margin-left' is computed as 'auto' its used value is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-002-10.3.5" class="primary">
        <td><strong>
            <a href="float-non-replaced-width-002.xht">float-non-replaced-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Floating non-replaced elements with specified left margin
          <ul class="assert">
            <li>If 'margin-left' is not computed as 'auto' its used value is as specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-003-10.3.5" class="primary">
        <td><strong>
            <a href="float-non-replaced-width-003.xht">float-non-replaced-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Floating non-replaced elements with 'auto' right margin
          <ul class="assert">
            <li>If 'margin-right' is computed as 'auto' its used value is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-004-10.3.5" class="primary">
        <td><strong>
            <a href="float-non-replaced-width-004.xht">float-non-replaced-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Floating non-replaced elements with specified right margin
          <ul class="assert">
            <li>If 'margin-right' is not computed as 'auto' its used value is as specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-005-10.3.5" class="primary">
        <td><strong>
            <a href="float-non-replaced-width-005.xht">float-non-replaced-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Floating non-replaced elements with left and right margins as 'auto'
          <ul class="assert">
            <li>If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-006-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-006.xht">float-non-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Floating non-replaced elements with 'auto' width
          <ul class="assert">
            <li>If 'width' computes to 'auto' then the used value of 'width' is 'shrink-to-fit'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-007-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-007.xht">float-non-replaced-width-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-008-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-008.xht">float-non-replaced-width-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-009-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-009.xht">float-non-replaced-width-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-010-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-010.xht">float-non-replaced-width-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-011-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-011.xht">float-non-replaced-width-011</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-012-10.3.5" class="primary ahem">
        <td><strong>
            <a href="float-non-replaced-width-012.xht">float-non-replaced-width-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation and such calculated width can be furthermore constrained, reduced by a max-width declaration.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.6">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.6">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#float-replaced-width">10.3.6 Floating, replaced elements
</a></th></tr>
      <!-- 10 tests -->
      <tr id="float-replaced-width-001-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-001.xht">float-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with 'auto' left margin
          <ul class="assert">
            <li>If 'margin-left' is computed as 'auto' its used value is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-002-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-002.xht">float-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with specified left margin
          <ul class="assert">
            <li>If 'margin-left' is not computed as 'auto' its used value is as specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-003-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-003.xht">float-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with 'auto' right margin
          <ul class="assert">
            <li>If 'margin-right' is computed as 'auto' its used value is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-004-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-004.xht">float-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with specified right margin
          <ul class="assert">
            <li>If 'margin-right' is not computed as 'auto' its used value is as specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-005-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-005.xht">float-replaced-width-005</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with left and right margins as 'auto'
          <ul class="assert">
            <li>If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-006-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-006.xht">float-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-007-10.3.6" class="primary nonHTML svg">
        <td><strong>
            <a href="float-replaced-width-007.xht">float-replaced-width-007</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-008-10.3.6" class="primary nonHTML svg">
        <td><strong>
            <a href="float-replaced-width-008.xht">float-replaced-width-008</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-009-10.3.6" class="primary nonHTML svg">
        <td><strong>
            <a href="float-replaced-width-009.xht">float-replaced-width-009</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-width-011-10.3.6" class="primary image">
        <td><strong>
            <a href="float-replaced-width-011.xht">float-replaced-width-011</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.7">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.7">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7 Absolutely positioned, non-replaced elements
</a></th></tr>
      <!-- 37 tests -->
      <tr id="absolute-non-replaced-width-001-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-001.xht">absolute-non-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solving for 'right' on absolutely positioned non-replaced elements
          <ul class="assert">
            <li>When direction is left-to-right and 'left', 'width' and 'right' are 'auto', the width becomes shrink-to-fit and then solve for 'right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-002-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-002.xht">absolute-non-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solving for 'left' on absolutely positioned non-replaced elements
          <ul class="assert">
            <li>When direction is right-to-left and 'left', 'width' and 'right' are 'auto', the width becomes shrink-to-fit and then solve for 'left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-003-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-003.xht">absolute-non-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'
          <ul class="assert">
            <li>When 'left', 'width' and 'right' are not 'auto', set 'margin-left' and 'margin-right' to equal values.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-004-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-004.xht">absolute-non-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is left-to-right
          <ul class="assert">
            <li>When direction is 'ltr' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-left' to zero and solve for 'margin-right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-005-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-005.xht">absolute-non-replaced-width-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is right-to-left
          <ul class="assert">
            <li>When direction is 'rtl' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-right' to zero and solve for 'margin-left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-006-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-006.xht">absolute-non-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced element when only 'margin-right' is 'auto' and direction is left-to-right
          <ul class="assert">
            <li>When direction is left-to-right and 'left', 'width', 'margin-left' and 'right' are not 'auto', solve for 'margin-right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-007-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-007.xht">absolute-non-replaced-width-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced element when only 'margin-left' is 'auto' and direction is right-to-left
          <ul class="assert">
            <li>When direction is right-to-left and 'left', 'width', 'margin-right' and 'right' are not 'auto', solve for 'margin-left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-008-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-008.xht">absolute-non-replaced-width-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements with left, width, right and margin-right not auto
          <ul class="assert">
            <li>If 'left', 'width', 'right' and 'margin-right' are all not 'auto' and 'margin-left' is 'auto', then solve the equation for 'margin-left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-009-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-009.xht">absolute-non-replaced-width-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements with left, width, right and margin-left not auto
          <ul class="assert">
            <li>If 'left', 'width', 'right' and 'margin-left' are all not 'auto' and 'margin-right' is 'auto', then solve the equation for 'margin-right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-010-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-010.xht">absolute-non-replaced-width-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solved for 'left' when absolutely positioned non-replaced elements has 'left' and 'width' as 'auto'
          <ul class="assert">
            <li>When 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit and then solve for 'left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-011-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-011.xht">absolute-non-replaced-width-011</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is left-to-right
          <ul class="assert">
            <li>When 'direction' is left-to-right and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-012-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-012.xht">absolute-non-replaced-width-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is right-to-left
          <ul class="assert">
            <li>When 'direction' is right-to-left and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-013-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-013.xht">absolute-non-replaced-width-013</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solved for 'right' when absolutely positioned non-replaced elements has 'right' and 'width' as 'auto'
          <ul class="assert">
            <li>When 'right' and 'width' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit and then solve for 'right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-014-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-014.xht">absolute-non-replaced-width-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solved for 'left' when absolutely positioned non-replaced elements has 'right' and 'width' not set to 'auto'
          <ul class="assert">
            <li>When 'left' is 'auto' and 'width' and 'right' are not 'auto' element solves for 'left'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-015-10.3.7" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-width-015.xht">absolute-non-replaced-width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Solved for 'width' when absolutely positioned non-replaced elements has 'left' and 'right' not set to 'auto'
          <ul class="assert">
            <li>When 'width' is 'auto' and 'left' and 'right' are not 'auto' element solves for 'width'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-016-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-016.xht">absolute-non-replaced-width-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Solved for 'right' when absolutely positioned non-replaced elements has 'left' and 'width' not set to 'auto'
          <ul class="assert">
            <li>When 'right' is 'auto' and 'width' and 'left' are not 'auto' element solves for 'right'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-017-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-017.xht">absolute-non-replaced-width-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-018-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-018.xht">absolute-non-replaced-width-018</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-019-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-019.xht">absolute-non-replaced-width-019</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-020-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-020.xht">absolute-non-replaced-width-020</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-021-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-021.xht">absolute-non-replaced-width-021</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-022-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-022.xht">absolute-non-replaced-width-022</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-023-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-023.xht">absolute-non-replaced-width-023</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-024-10.3.7" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-width-024.xht">absolute-non-replaced-width-024</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-008-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-008.xht">abspos-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Shrink wrapping of absolute positioned blocks
        </td>
      </tr>
      <tr id="abspos-010-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-010.xht">abspos-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned tables must shrink wrap
        </td>
      </tr>
      <tr id="abspos-023-10.3.7" class="primary may">
        <td><strong>
            <a href="abspos-023.xht">abspos-023</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>left:auto for fixed-pos blocks inside abs-pos blocks
        </td>
      </tr>
      <tr id="abspos-024-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-024.xht">abspos-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Static position in rtl context
        </td>
      </tr>
      <tr id="abspos-025-10.3.7" class="primary image">
        <td><strong>
            <a href="abspos-025.xht">abspos-025</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Positioning replaced elements with four offsets
        </td>
      </tr>
      <tr id="abspos-026-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-026.xht">abspos-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Positioning replaced elements with four offsets
        </td>
      </tr>
      <tr id="abspos-non-replaced-width-margin-000-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-non-replaced-width-margin-000.xht">abspos-non-replaced-width-margin-000</a></strong></td>
        <td><a href="abspos-non-replaced-width-margin-000-ref.xht">=</a> </td>
        <td></td>
        <td>CSS2.1:10.3.7 Comprehensive - Absolutely Positioned Non-Replaced Horizontal Size+Position Calculations
          <ul class="assert">
            <li>The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned non-replaced elements according to CSS2.1 Section 10.3.7.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-width-001-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-width-001.xht">abspos-width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: width:auto with table width:100%
        </td>
      </tr>
      <tr id="abspos-width-002-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-width-002.xht">abspos-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: width:auto with block width:100%
        </td>
      </tr>
      <tr id="abspos-width-003-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-width-003.xht">abspos-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: width:auto with block width:50%
        </td>
      </tr>
      <tr id="abspos-width-004-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-width-004.xht">abspos-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: width:auto with block width:100%
        </td>
      </tr>
      <tr id="abspos-width-005-10.3.7" class="primary">
        <td><strong>
            <a href="abspos-width-005.xht">abspos-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute Positioning: max-width
        </td>
      </tr>
      <tr id="bidi-position-fixed-001-10.3.7" class="primary">
        <td><strong>
            <a href="bidi-position-fixed-001.xht">bidi-position-fixed-001</a></strong></td>
        <td></td>
        <td></td>
        <td>position:fixed in rtl context
          <ul class="assert">
            <li>Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.8">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.8">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-width">10.3.8 Absolutely positioned, replaced elements
</a></th></tr>
      <!-- 44 tests -->
      <tr id="absolute-replaced-width-001-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-001.xht">absolute-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-002-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-002.xht">absolute-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-003-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-003.xht">absolute-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-004-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-004.xht">absolute-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-006-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-006.xht">absolute-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-008-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-008.xht">absolute-replaced-width-008</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-009-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-009.xht">absolute-replaced-width-009</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-010-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-010.xht">absolute-replaced-width-010</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-011-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-011.xht">absolute-replaced-width-011</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-013-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-013.xht">absolute-replaced-width-013</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-015-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-015.xht">absolute-replaced-width-015</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-020-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-020.xht">absolute-replaced-width-020</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-022-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-022.xht">absolute-replaced-width-022</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-023-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-023.xht">absolute-replaced-width-023</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-024-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-024.xht">absolute-replaced-width-024</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-025-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-025.xht">absolute-replaced-width-025</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-027-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-027.xht">absolute-replaced-width-027</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-029-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-029.xht">absolute-replaced-width-029</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-030-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-030.xht">absolute-replaced-width-030</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-031-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-031.xht">absolute-replaced-width-031</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-032-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-032.xht">absolute-replaced-width-032</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-034-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-034.xht">absolute-replaced-width-034</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-036-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-036.xht">absolute-replaced-width-036</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-037-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-037.xht">absolute-replaced-width-037</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-038-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-038.xht">absolute-replaced-width-038</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-039-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-039.xht">absolute-replaced-width-039</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-041-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-041.xht">absolute-replaced-width-041</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-043-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-043.xht">absolute-replaced-width-043</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-048-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-048.xht">absolute-replaced-width-048</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-050-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-050.xht">absolute-replaced-width-050</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-051-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-051.xht">absolute-replaced-width-051</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-052-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-052.xht">absolute-replaced-width-052</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-053-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-053.xht">absolute-replaced-width-053</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-055-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-055.xht">absolute-replaced-width-055</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-057-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-057.xht">absolute-replaced-width-057</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-062-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-062.xht">absolute-replaced-width-062</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-064-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-064.xht">absolute-replaced-width-064</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, intrinsic width and over-constrained situation
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-065-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-065.xht">absolute-replaced-width-065</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, intrinsic height and over-constrained situation
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-066-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-066.xht">absolute-replaced-width-066</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, 'height' and over-constrained situation
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-067-10.3.8" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-width-067.xht">absolute-replaced-width-067</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, no intrinsic height or width and over-constrained situation
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-069-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-069.xht">absolute-replaced-width-069</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-071-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-071.xht">absolute-replaced-width-071</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, intrinsic width and over-constrained situation
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-width-076-10.3.8" class="primary image">
        <td><strong>
            <a href="absolute-replaced-width-076.xht">absolute-replaced-width-076</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
      <tr id="abspos-replaced-width-margin-000-10.3.8" class="primary">
        <td><strong>
            <a href="abspos-replaced-width-margin-000.xht">abspos-replaced-width-margin-000</a></strong></td>
        <td><a href="abspos-replaced-width-margin-000-ref.xht">=</a> </td>
        <td></td>
        <td>CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations
          <ul class="assert">
            <li>The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned replaced elements according to CSS2.1 Section 10.3.7.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.9">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.9">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-width">10.3.9 'Inline-block', non-replaced elements in normal flow
</a></th></tr>
      <!-- 19 tests -->
      <tr id="absolute-non-replaced-width-017-10.3.9" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-017.xht">absolute-non-replaced-width-017</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-018-10.3.9" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-018.xht">absolute-non-replaced-width-018</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-021-10.3.9" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-021.xht">absolute-non-replaced-width-021</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-022-10.3.9" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-022.xht">absolute-non-replaced-width-022</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-007-10.3.9" class="ahem">
        <td>
            <a href="float-non-replaced-width-007.xht">float-non-replaced-width-007</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-011-10.3.9" class="ahem">
        <td>
            <a href="float-non-replaced-width-011.xht">float-non-replaced-width-011</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-001-10.3.9" class="primary">
        <td><strong>
            <a href="inline-block-001.xht">inline-block-001</a></strong></td>
        <td></td>
        <td></td>
        <td>inline-block: ping test
        </td>
      </tr>
      <tr id="inline-block-002-10.3.9" class="primary interact">
        <td><strong>
            <a href="inline-block-002.xht">inline-block-002</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>inline-block: width
        </td>
      </tr>
      <tr id="inline-block-003-10.3.9" class="primary interact">
        <td><strong>
            <a href="inline-block-003.xht">inline-block-003</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>inline-block: width
        </td>
      </tr>
      <tr id="inline-block-004-10.3.9" class="primary interact">
        <td><strong>
            <a href="inline-block-004.xht">inline-block-004</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>inline-block: width
        </td>
      </tr>
      <tr id="inline-block-005-10.3.9" class="primary interact">
        <td><strong>
            <a href="inline-block-005.xht">inline-block-005</a></strong></td>
        <td></td>
        <td><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>inline-block: width
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-001-10.3.9" class="primary ahem">
        <td><strong>
            <a href="inline-block-non-replaced-width-001.xht">inline-block-non-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline-block non-replaced elements shrink-to-fit
          <ul class="assert">
            <li>If 'width' is 'auto' then 'inline-block' elements shrink-to-fit.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-002-10.3.9" class="primary ahem">
        <td><strong>
            <a href="inline-block-non-replaced-width-002.xht">inline-block-non-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline-block non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'
          <ul class="assert">
            <li>When 'margin-left' and 'margin-right' are set to 'auto' the used value becomes '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-003-10.3.9" class="primary ahem">
        <td><strong>
            <a href="inline-block-non-replaced-width-003.xht">inline-block-non-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of inline-block non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-004-10.3.9" class="primary ahem">
        <td><strong>
            <a href="inline-block-non-replaced-width-004.xht">inline-block-non-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of inline-block non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-width-001a-10.3.9" class="primary">
        <td><strong>
            <a href="inline-block-width-001a.xht">inline-block-width-001a</a></strong></td>
        <td><a href="inline-block-width-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for 'width: auto' on inline-block
        </td>
      </tr>
      <tr id="inline-block-width-001b-10.3.9" class="primary">
        <td><strong>
            <a href="inline-block-width-001b.xht">inline-block-width-001b</a></strong></td>
        <td><a href="inline-block-width-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for 'width: auto' on inline-block
        </td>
      </tr>
      <tr id="inline-block-width-002a-10.3.9" class="primary">
        <td><strong>
            <a href="inline-block-width-002a.xht">inline-block-width-002a</a></strong></td>
        <td><a href="inline-block-width-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for 'width: auto' on inline-block
        </td>
      </tr>
      <tr id="inline-block-width-002b-10.3.9" class="primary">
        <td><strong>
            <a href="inline-block-width-002b.xht">inline-block-width-002b</a></strong></td>
        <td><a href="inline-block-width-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for 'width: &lt;length&gt;' on inline-block
        </td>
      </tr>
    </tbody>
    <tbody id="s10.3.10">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.3.10">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inlineblock-replaced-width">10.3.10 'Inline-block', replaced elements in normal flow
</a></th></tr>
      <!-- 5 tests -->
      <tr id="inline-block-replaced-width-001-10.3.10" class="primary image">
        <td><strong>
            <a href="inline-block-replaced-width-001.xht">inline-block-replaced-width-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-width-002-10.3.10" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-block-replaced-width-002.xht">inline-block-replaced-width-002</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-width-003-10.3.10" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-block-replaced-width-003.xht">inline-block-replaced-width-003</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-width-004-10.3.10" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-block-replaced-width-004.xht">inline-block-replaced-width-004</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
          <ul class="assert">
            <li>Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-width-006-10.3.10" class="primary image">
        <td><strong>
            <a href="inline-block-replaced-width-006.xht">inline-block-replaced-width-006</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
          <ul class="assert">
            <li>Percentage intrinsic widths are evaluated against the containing block's width.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths">10.4 Minimum and maximum widths: 'min-width' and 'max-width'
</a></th></tr>
      <!-- 196 tests -->
      <tr id="absolute-non-replaced-width-017-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-017.xht">absolute-non-replaced-width-017</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-018-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-018.xht">absolute-non-replaced-width-018</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-019-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-019.xht">absolute-non-replaced-width-019</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-020-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-020.xht">absolute-non-replaced-width-020</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
          <ul class="assert">
            <li>When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-021-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-021.xht">absolute-non-replaced-width-021</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-022-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-022.xht">absolute-non-replaced-width-022</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-023-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-023.xht">absolute-non-replaced-width-023</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-width-024-10.4" class="ahem">
        <td>
            <a href="absolute-non-replaced-width-024.xht">absolute-non-replaced-width-024</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
          <ul class="assert">
            <li>When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="c43-rpl-bbx-002-10.4" class="primary ahem image">
        <td><strong>
            <a href="c43-rpl-bbx-002.xht">c43-rpl-bbx-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-ibx-000-10.4" class="primary ahem image">
        <td><strong>
            <a href="c43-rpl-ibx-000.xht">c43-rpl-ibx-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c5524-height-002-10.4" class="primary image">
        <td><strong>
            <a href="c5524-height-002.xht">c5524-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>height
        </td>
      </tr>
      <tr id="float-non-replaced-width-007-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-007.xht">float-non-replaced-width-007</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-008-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-008.xht">float-non-replaced-width-008</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-009-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-009.xht">float-non-replaced-width-009</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-010-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-010.xht">float-non-replaced-width-010</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-011-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-011.xht">float-non-replaced-width-011</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
          <ul class="assert">
            <li>If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-non-replaced-width-012-10.4" class="ahem">
        <td>
            <a href="float-non-replaced-width-012.xht">float-non-replaced-width-012</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of floating, non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of a floating non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation and such calculated width can be furthermore constrained, reduced by a max-width declaration.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-003-10.4" class="ahem">
        <td>
            <a href="inline-block-non-replaced-width-003.xht">inline-block-non-replaced-width-003</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of inline-block non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-width-004-10.4" class="ahem">
        <td>
            <a href="inline-block-non-replaced-width-004.xht">inline-block-non-replaced-width-004</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>'shrink-to-fit' width of inline-block non-replaced elements - max-width
          <ul class="assert">
            <li>If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-001-10.4" class="primary">
        <td><strong>
            <a href="max-width-001.xht">max-width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-002-10.4" class="primary">
        <td><strong>
            <a href="max-width-002.xht">max-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-003-10.4" class="primary">
        <td><strong>
            <a href="max-width-003.xht">max-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-004-10.4" class="primary">
        <td><strong>
            <a href="max-width-004.xht">max-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-005-10.4" class="primary">
        <td><strong>
            <a href="max-width-005.xht">max-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-006-10.4" class="primary">
        <td><strong>
            <a href="max-width-006.xht">max-width-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-007-10.4" class="primary">
        <td><strong>
            <a href="max-width-007.xht">max-width-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-012-10.4" class="primary">
        <td><strong>
            <a href="max-width-012.xht">max-width-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-013-10.4" class="primary">
        <td><strong>
            <a href="max-width-013.xht">max-width-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-014-10.4" class="primary">
        <td><strong>
            <a href="max-width-014.xht">max-width-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-015-10.4" class="primary">
        <td><strong>
            <a href="max-width-015.xht">max-width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-016-10.4" class="primary">
        <td><strong>
            <a href="max-width-016.xht">max-width-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-017-10.4" class="primary">
        <td><strong>
            <a href="max-width-017.xht">max-width-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-018-10.4" class="primary">
        <td><strong>
            <a href="max-width-018.xht">max-width-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-023-10.4" class="primary">
        <td><strong>
            <a href="max-width-023.xht">max-width-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-024-10.4" class="primary">
        <td><strong>
            <a href="max-width-024.xht">max-width-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-025-10.4" class="primary">
        <td><strong>
            <a href="max-width-025.xht">max-width-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-026-10.4" class="primary">
        <td><strong>
            <a href="max-width-026.xht">max-width-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-027-10.4" class="primary">
        <td><strong>
            <a href="max-width-027.xht">max-width-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-028-10.4" class="primary">
        <td><strong>
            <a href="max-width-028.xht">max-width-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-029-10.4" class="primary">
        <td><strong>
            <a href="max-width-029.xht">max-width-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-034-10.4" class="primary">
        <td><strong>
            <a href="max-width-034.xht">max-width-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-035-10.4" class="primary">
        <td><strong>
            <a href="max-width-035.xht">max-width-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-036-10.4" class="primary">
        <td><strong>
            <a href="max-width-036.xht">max-width-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-037-10.4" class="primary">
        <td><strong>
            <a href="max-width-037.xht">max-width-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-038-10.4" class="primary">
        <td><strong>
            <a href="max-width-038.xht">max-width-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-039-10.4" class="primary">
        <td><strong>
            <a href="max-width-039.xht">max-width-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-040-10.4" class="primary">
        <td><strong>
            <a href="max-width-040.xht">max-width-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-045-10.4" class="primary">
        <td><strong>
            <a href="max-width-045.xht">max-width-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-046-10.4" class="primary">
        <td><strong>
            <a href="max-width-046.xht">max-width-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-047-10.4" class="primary">
        <td><strong>
            <a href="max-width-047.xht">max-width-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-048-10.4" class="primary">
        <td><strong>
            <a href="max-width-048.xht">max-width-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-049-10.4" class="primary">
        <td><strong>
            <a href="max-width-049.xht">max-width-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-050-10.4" class="primary">
        <td><strong>
            <a href="max-width-050.xht">max-width-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-051-10.4" class="primary">
        <td><strong>
            <a href="max-width-051.xht">max-width-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-056-10.4" class="primary">
        <td><strong>
            <a href="max-width-056.xht">max-width-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-057-10.4" class="primary">
        <td><strong>
            <a href="max-width-057.xht">max-width-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-058-10.4" class="primary">
        <td><strong>
            <a href="max-width-058.xht">max-width-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-059-10.4" class="primary">
        <td><strong>
            <a href="max-width-059.xht">max-width-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-060-10.4" class="primary">
        <td><strong>
            <a href="max-width-060.xht">max-width-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-061-10.4" class="primary">
        <td><strong>
            <a href="max-width-061.xht">max-width-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-062-10.4" class="primary">
        <td><strong>
            <a href="max-width-062.xht">max-width-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-067-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-067.xht">max-width-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-068-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-068.xht">max-width-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-069-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-069.xht">max-width-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-070-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-070.xht">max-width-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-071-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-071.xht">max-width-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-072-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-072.xht">max-width-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-073-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-073.xht">max-width-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-078-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-078.xht">max-width-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-079-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-079.xht">max-width-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-080-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-080.xht">max-width-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-081-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-081.xht">max-width-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-082-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-082.xht">max-width-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-083-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-083.xht">max-width-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-084-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-084.xht">max-width-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-width using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-089-10.4" class="primary">
        <td><strong>
            <a href="max-width-089.xht">max-width-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'max-width' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-090-10.4" class="primary">
        <td><strong>
            <a href="max-width-090.xht">max-width-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'max-width' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-091-10.4" class="primary">
        <td><strong>
            <a href="max-width-091.xht">max-width-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'max-width' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-092-10.4" class="primary">
        <td><strong>
            <a href="max-width-092.xht">max-width-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-093-10.4" class="primary">
        <td><strong>
            <a href="max-width-093.xht">max-width-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-094-10.4" class="primary">
        <td><strong>
            <a href="max-width-094.xht">max-width-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'max-width' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-095-10.4" class="primary">
        <td><strong>
            <a href="max-width-095.xht">max-width-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'max-width' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-100-10.4" class="primary">
        <td><strong>
            <a href="max-width-100.xht">max-width-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'max-width' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-101-10.4" class="primary">
        <td><strong>
            <a href="max-width-101.xht">max-width-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width with a zero value and no units, 0
          <ul class="assert">
            <li>The 'max-width' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-102-10.4" class="primary">
        <td><strong>
            <a href="max-width-102.xht">max-width-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'max-width' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-103-10.4" class="primary">
        <td><strong>
            <a href="max-width-103.xht">max-width-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width set to a value of 'none'
          <ul class="assert">
            <li>The 'max-width' property applies a value of 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-104-10.4" class="primary">
        <td><strong>
            <a href="max-width-104.xht">max-width-104</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width set to 'inherit'
          <ul class="assert">
            <li>The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-105-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-105.xht">max-width-105</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-width - height and overflow
          <ul class="assert">
            <li>'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-106-10.4" class="ahem">
        <td>
            <a href="max-width-106.xht">max-width-106</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-width - float and overflow
          <ul class="assert">
            <li>'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width. A floated box should not become wider than its declared max-width.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-107-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-107.xht">max-width-107</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-width - height and overflow
          <ul class="assert">
            <li>'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-108-10.4" class="primary ahem">
        <td><strong>
            <a href="max-width-108.xht">max-width-108</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-width - float and overflow
          <ul class="assert">
            <li>'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-109-10.4" class="primary image">
        <td><strong>
            <a href="max-width-109.xht">max-width-109</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Max-width - replaced elements
          <ul class="assert">
            <li>For UAs who choose to scale replaced elements, the height of that element (based on it's intrinsic ratio) should be re-calculated based on it's constraining 'max-width' value</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-001-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-001.xht">max-width-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-002-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-002.xht">max-width-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-003-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-003.xht">max-width-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-004-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-004.xht">max-width-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'max-width' property does not apply to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-005-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-005.xht">max-width-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-006-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-006.xht">max-width-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-007-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-007.xht">max-width-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-008-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-008.xht">max-width-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'max-width' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-009-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-009.xht">max-width-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-010-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-010.xht">max-width-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-012-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-012.xht">max-width-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-013-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-013.xht">max-width-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-014-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-014.xht">max-width-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-015-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-015.xht">max-width-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'max-width' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-applies-to-016-10.4" class="primary">
        <td><strong>
            <a href="max-width-applies-to-016.xht">max-width-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-Width applied to none
          <ul class="assert">
            <li>Max-Width can be applied to none elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-percentage-001-10.4" class="primary">
        <td><strong>
            <a href="max-width-percentage-001.xht">max-width-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Using percentages with 'max-width' relative to the containing block
          <ul class="assert">
            <li>The percentage is calculated in relation to the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-percentage-002-10.4" class="primary">
        <td><strong>
            <a href="max-width-percentage-002.xht">max-width-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage based value for 'max-width' contained by box with a negative 'width'
          <ul class="assert">
            <li>If the containing block's width is negative, the used value is zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-width-percentage-003-10.4" class="primary">
        <td><strong>
            <a href="max-width-percentage-003.xht">max-width-percentage-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-width in constrained situation
          <ul class="assert">
            <li>If the containing block's width depends on this element's width, then the resulting layout is undefined.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-001-10.4" class="primary">
        <td><strong>
            <a href="min-width-001.xht">min-width-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-002-10.4" class="primary">
        <td><strong>
            <a href="min-width-002.xht">min-width-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-003-10.4" class="primary">
        <td><strong>
            <a href="min-width-003.xht">min-width-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-004-10.4" class="primary">
        <td><strong>
            <a href="min-width-004.xht">min-width-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-005-10.4" class="primary">
        <td><strong>
            <a href="min-width-005.xht">min-width-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-006-10.4" class="primary">
        <td><strong>
            <a href="min-width-006.xht">min-width-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-007-10.4" class="primary">
        <td><strong>
            <a href="min-width-007.xht">min-width-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-012-10.4" class="primary">
        <td><strong>
            <a href="min-width-012.xht">min-width-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-013-10.4" class="primary">
        <td><strong>
            <a href="min-width-013.xht">min-width-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-014-10.4" class="primary">
        <td><strong>
            <a href="min-width-014.xht">min-width-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-015-10.4" class="primary">
        <td><strong>
            <a href="min-width-015.xht">min-width-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-016-10.4" class="primary">
        <td><strong>
            <a href="min-width-016.xht">min-width-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-017-10.4" class="primary">
        <td><strong>
            <a href="min-width-017.xht">min-width-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-018-10.4" class="primary">
        <td><strong>
            <a href="min-width-018.xht">min-width-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-023-10.4" class="primary">
        <td><strong>
            <a href="min-width-023.xht">min-width-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-024-10.4" class="primary">
        <td><strong>
            <a href="min-width-024.xht">min-width-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-025-10.4" class="primary">
        <td><strong>
            <a href="min-width-025.xht">min-width-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-026-10.4" class="primary">
        <td><strong>
            <a href="min-width-026.xht">min-width-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-027-10.4" class="primary">
        <td><strong>
            <a href="min-width-027.xht">min-width-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-028-10.4" class="primary">
        <td><strong>
            <a href="min-width-028.xht">min-width-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-029-10.4" class="primary">
        <td><strong>
            <a href="min-width-029.xht">min-width-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-034-10.4" class="primary">
        <td><strong>
            <a href="min-width-034.xht">min-width-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-035-10.4" class="primary">
        <td><strong>
            <a href="min-width-035.xht">min-width-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-036-10.4" class="primary">
        <td><strong>
            <a href="min-width-036.xht">min-width-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-037-10.4" class="primary">
        <td><strong>
            <a href="min-width-037.xht">min-width-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-038-10.4" class="primary">
        <td><strong>
            <a href="min-width-038.xht">min-width-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-039-10.4" class="primary">
        <td><strong>
            <a href="min-width-039.xht">min-width-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-040-10.4" class="primary">
        <td><strong>
            <a href="min-width-040.xht">min-width-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-045-10.4" class="primary">
        <td><strong>
            <a href="min-width-045.xht">min-width-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-046-10.4" class="primary">
        <td><strong>
            <a href="min-width-046.xht">min-width-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-047-10.4" class="primary">
        <td><strong>
            <a href="min-width-047.xht">min-width-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-048-10.4" class="primary">
        <td><strong>
            <a href="min-width-048.xht">min-width-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-049-10.4" class="primary">
        <td><strong>
            <a href="min-width-049.xht">min-width-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-050-10.4" class="primary">
        <td><strong>
            <a href="min-width-050.xht">min-width-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-051-10.4" class="primary">
        <td><strong>
            <a href="min-width-051.xht">min-width-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-056-10.4" class="primary">
        <td><strong>
            <a href="min-width-056.xht">min-width-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-057-10.4" class="primary">
        <td><strong>
            <a href="min-width-057.xht">min-width-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-058-10.4" class="primary">
        <td><strong>
            <a href="min-width-058.xht">min-width-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-059-10.4" class="primary">
        <td><strong>
            <a href="min-width-059.xht">min-width-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-060-10.4" class="primary">
        <td><strong>
            <a href="min-width-060.xht">min-width-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-061-10.4" class="primary">
        <td><strong>
            <a href="min-width-061.xht">min-width-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-062-10.4" class="primary">
        <td><strong>
            <a href="min-width-062.xht">min-width-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-067-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-067.xht">min-width-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-068-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-068.xht">min-width-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-069-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-069.xht">min-width-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-070-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-070.xht">min-width-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-071-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-071.xht">min-width-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-072-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-072.xht">min-width-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-073-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-073.xht">min-width-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-078-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-078.xht">min-width-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-079-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-079.xht">min-width-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-080-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-080.xht">min-width-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-081-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-081.xht">min-width-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-082-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-082.xht">min-width-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-083-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-083.xht">min-width-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-084-10.4" class="primary ahem">
        <td><strong>
            <a href="min-width-084.xht">min-width-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-width using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-089-10.4" class="primary">
        <td><strong>
            <a href="min-width-089.xht">min-width-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'min-width' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-090-10.4" class="primary">
        <td><strong>
            <a href="min-width-090.xht">min-width-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'min-width' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-091-10.4" class="primary">
        <td><strong>
            <a href="min-width-091.xht">min-width-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'min-width' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-092-10.4" class="primary">
        <td><strong>
            <a href="min-width-092.xht">min-width-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-093-10.4" class="primary">
        <td><strong>
            <a href="min-width-093.xht">min-width-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-094-10.4" class="primary">
        <td><strong>
            <a href="min-width-094.xht">min-width-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'min-width' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-095-10.4" class="primary">
        <td><strong>
            <a href="min-width-095.xht">min-width-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'min-width' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-100-10.4" class="primary">
        <td><strong>
            <a href="min-width-100.xht">min-width-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'min-width' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-101-10.4" class="primary">
        <td><strong>
            <a href="min-width-101.xht">min-width-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width with a zero value and no units, 0
          <ul class="assert">
            <li>The 'min-width' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-102-10.4" class="primary">
        <td><strong>
            <a href="min-width-102.xht">min-width-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'min-width' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-103-10.4" class="primary">
        <td><strong>
            <a href="min-width-103.xht">min-width-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width set to inherit
          <ul class="assert">
            <li>The 'min-width' property properly inherits the min-width value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-001-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-001.xht">min-width-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-002-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-002.xht">min-width-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-003-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-003.xht">min-width-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-004-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-004.xht">min-width-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'min-width' property does not apply to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-005-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-005.xht">min-width-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-006-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-006.xht">min-width-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-007-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-007.xht">min-width-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-008-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-008.xht">min-width-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'min-width' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-009-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-009.xht">min-width-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-010-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-010.xht">min-width-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-012-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-012.xht">min-width-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-013-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-013.xht">min-width-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-014-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-014.xht">min-width-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-015-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-015.xht">min-width-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-width applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'min-width' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-applies-to-016-10.4" class="primary">
        <td><strong>
            <a href="min-width-applies-to-016.xht">min-width-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-Width applied to none
          <ul class="assert">
            <li>Min-Width can be applied to none elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-percentage-001-10.4" class="primary">
        <td><strong>
            <a href="min-width-percentage-001.xht">min-width-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Using percentages with 'min-width' relative to the containing block
          <ul class="assert">
            <li>The percentage is calculated in relation to the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-percentage-002-10.4" class="primary">
        <td><strong>
            <a href="min-width-percentage-002.xht">min-width-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage based value for 'min-width' contained by box with a negative 'width'
          <ul class="assert">
            <li>If the containing block's width is negative, the used value is zero.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-width-percentage-003-10.4" class="primary">
        <td><strong>
            <a href="min-width-percentage-003.xht">min-width-percentage-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Using 'min-width' with 'width' dependent on the containing block
          <ul class="assert">
            <li>If the containing block's width depends on this element's width, then the resulting layout is undefined.</li>
          </ul>
        </td>
      </tr>
      <tr id="replaced-min-max-001-10.4" class="primary image">
        <td><strong>
            <a href="replaced-min-max-001.xht">replaced-min-max-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Min/Max Height and Width Constraints on Replaced Elements
        </td>
      </tr>
    </tbody>
    <tbody id="s10.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property">10.5 Content height: the 'height' property
</a></th></tr>
      <!-- 101 tests -->
      <tr id="anonymous-boxes-001-10.5" class="">
        <td>
            <a href="anonymous-boxes-001.xht">anonymous-boxes-001</a></td>
        <td><a href="support/ref-green-box-100x100.xht">=</a> </td>
        <td></td>
        <td>Percent heights inside anonymous blocks
          <ul class="assert">
            <li>Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.</li>
          </ul>
        </td>
      </tr>
      <tr id="c5524-height-000-10.5" class="primary image">
        <td><strong>
            <a href="c5524-height-000.xht">c5524-height-000</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>height
        </td>
      </tr>
      <tr id="c5524-height-001-10.5" class="primary image">
        <td><strong>
            <a href="c5524-height-001.xht">c5524-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>height
        </td>
      </tr>
      <tr id="c5524-height-002-10.5" class="image">
        <td>
            <a href="c5524-height-002.xht">c5524-height-002</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>height
        </td>
      </tr>
      <tr id="height-001-10.5" class="primary invalid">
        <td><strong>
            <a href="height-001.xht">height-001</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-002-10.5" class="primary">
        <td><strong>
            <a href="height-002.xht">height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-003-10.5" class="primary">
        <td><strong>
            <a href="height-003.xht">height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-004-10.5" class="primary">
        <td><strong>
            <a href="height-004.xht">height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-005-10.5" class="primary">
        <td><strong>
            <a href="height-005.xht">height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-006-10.5" class="primary">
        <td><strong>
            <a href="height-006.xht">height-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-007-10.5" class="primary">
        <td><strong>
            <a href="height-007.xht">height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-012-10.5" class="primary invalid">
        <td><strong>
            <a href="height-012.xht">height-012</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-013-10.5" class="primary">
        <td><strong>
            <a href="height-013.xht">height-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-014-10.5" class="primary">
        <td><strong>
            <a href="height-014.xht">height-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-015-10.5" class="primary">
        <td><strong>
            <a href="height-015.xht">height-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-016-10.5" class="primary">
        <td><strong>
            <a href="height-016.xht">height-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-017-10.5" class="primary">
        <td><strong>
            <a href="height-017.xht">height-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-018-10.5" class="primary">
        <td><strong>
            <a href="height-018.xht">height-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-023-10.5" class="primary invalid">
        <td><strong>
            <a href="height-023.xht">height-023</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-024-10.5" class="primary">
        <td><strong>
            <a href="height-024.xht">height-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-025-10.5" class="primary">
        <td><strong>
            <a href="height-025.xht">height-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-026-10.5" class="primary">
        <td><strong>
            <a href="height-026.xht">height-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-027-10.5" class="primary">
        <td><strong>
            <a href="height-027.xht">height-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-028-10.5" class="primary">
        <td><strong>
            <a href="height-028.xht">height-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-029-10.5" class="primary">
        <td><strong>
            <a href="height-029.xht">height-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-034-10.5" class="primary invalid">
        <td><strong>
            <a href="height-034.xht">height-034</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-035-10.5" class="primary">
        <td><strong>
            <a href="height-035.xht">height-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-036-10.5" class="primary">
        <td><strong>
            <a href="height-036.xht">height-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-037-10.5" class="primary">
        <td><strong>
            <a href="height-037.xht">height-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-038-10.5" class="primary">
        <td><strong>
            <a href="height-038.xht">height-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-039-10.5" class="primary">
        <td><strong>
            <a href="height-039.xht">height-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-040-10.5" class="primary">
        <td><strong>
            <a href="height-040.xht">height-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-045-10.5" class="primary invalid">
        <td><strong>
            <a href="height-045.xht">height-045</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-046-10.5" class="primary">
        <td><strong>
            <a href="height-046.xht">height-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-047-10.5" class="primary">
        <td><strong>
            <a href="height-047.xht">height-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-048-10.5" class="primary">
        <td><strong>
            <a href="height-048.xht">height-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-049-10.5" class="primary">
        <td><strong>
            <a href="height-049.xht">height-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-050-10.5" class="primary">
        <td><strong>
            <a href="height-050.xht">height-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-051-10.5" class="primary">
        <td><strong>
            <a href="height-051.xht">height-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-056-10.5" class="primary invalid">
        <td><strong>
            <a href="height-056.xht">height-056</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-057-10.5" class="primary">
        <td><strong>
            <a href="height-057.xht">height-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-058-10.5" class="primary">
        <td><strong>
            <a href="height-058.xht">height-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-059-10.5" class="primary">
        <td><strong>
            <a href="height-059.xht">height-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-060-10.5" class="primary">
        <td><strong>
            <a href="height-060.xht">height-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-061-10.5" class="primary">
        <td><strong>
            <a href="height-061.xht">height-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-062-10.5" class="primary">
        <td><strong>
            <a href="height-062.xht">height-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-067-10.5" class="primary ahem invalid">
        <td><strong>
            <a href="height-067.xht">height-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-068-10.5" class="primary ahem">
        <td><strong>
            <a href="height-068.xht">height-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-069-10.5" class="primary ahem">
        <td><strong>
            <a href="height-069.xht">height-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-070-10.5" class="primary ahem">
        <td><strong>
            <a href="height-070.xht">height-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-071-10.5" class="primary ahem">
        <td><strong>
            <a href="height-071.xht">height-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-072-10.5" class="primary ahem">
        <td><strong>
            <a href="height-072.xht">height-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a nominal value, 5em
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-073-10.5" class="primary ahem">
        <td><strong>
            <a href="height-073.xht">height-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'em' units with a positive nominal value, +5em
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-078-10.5" class="primary ahem invalid">
        <td><strong>
            <a href="height-078.xht">height-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-079-10.5" class="primary ahem">
        <td><strong>
            <a href="height-079.xht">height-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-080-10.5" class="primary ahem">
        <td><strong>
            <a href="height-080.xht">height-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-081-10.5" class="primary ahem">
        <td><strong>
            <a href="height-081.xht">height-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-082-10.5" class="primary ahem">
        <td><strong>
            <a href="height-082.xht">height-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-083-10.5" class="primary ahem">
        <td><strong>
            <a href="height-083.xht">height-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-084-10.5" class="primary ahem">
        <td><strong>
            <a href="height-084.xht">height-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-089-10.5" class="primary invalid">
        <td><strong>
            <a href="height-089.xht">height-089</a></strong></td>
        <td></td>
        <td><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr></td>
        <td>Height using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-090-10.5" class="primary">
        <td><strong>
            <a href="height-090.xht">height-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'height' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-091-10.5" class="primary">
        <td><strong>
            <a href="height-091.xht">height-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'height' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-092-10.5" class="primary">
        <td><strong>
            <a href="height-092.xht">height-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-093-10.5" class="primary">
        <td><strong>
            <a href="height-093.xht">height-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-094-10.5" class="primary">
        <td><strong>
            <a href="height-094.xht">height-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'height' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-095-10.5" class="primary">
        <td><strong>
            <a href="height-095.xht">height-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Height using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'height' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-100-10.5" class="primary">
        <td><strong>
            <a href="height-100.xht">height-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Height with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'height' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-101-10.5" class="primary">
        <td><strong>
            <a href="height-101.xht">height-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Height with a zero value and no units, 0
          <ul class="assert">
            <li>The 'height' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-102-10.5" class="primary">
        <td><strong>
            <a href="height-102.xht">height-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Height with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'height' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-103-10.5" class="primary">
        <td><strong>
            <a href="height-103.xht">height-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Height set to a value of auto
          <ul class="assert">
            <li>The 'height' property applies a value of auto.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-104-10.5" class="primary">
        <td><strong>
            <a href="height-104.xht">height-104</a></strong></td>
        <td></td>
        <td></td>
        <td>Height set to inherit
          <ul class="assert">
            <li>The 'height' property properly inherits the height value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-111-10.5" class="primary">
        <td><strong>
            <a href="height-111.xht">height-111</a></strong></td>
        <td></td>
        <td></td>
        <td>Nested heights
        </td>
      </tr>
      <tr id="height-112-10.5" class="primary">
        <td><strong>
            <a href="height-112.xht">height-112</a></strong></td>
        <td></td>
        <td></td>
        <td>Nested heights
        </td>
      </tr>
      <tr id="height-113-10.5" class="primary">
        <td><strong>
            <a href="height-113.xht">height-113</a></strong></td>
        <td></td>
        <td></td>
        <td>Nested heights with percentages and borders
        </td>
      </tr>
      <tr id="height-114-10.5" class="primary">
        <td><strong>
            <a href="height-114.xht">height-114</a></strong></td>
        <td></td>
        <td></td>
        <td>Negative heights
        </td>
      </tr>
      <tr id="height-applies-to-001-10.5" class="primary may">
        <td><strong>
            <a href="height-applies-to-001.xht">height-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Height applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-002-10.5" class="primary may">
        <td><strong>
            <a href="height-applies-to-002.xht">height-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Height applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-003-10.5" class="primary may">
        <td><strong>
            <a href="height-applies-to-003.xht">height-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Height applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-004-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-004.xht">height-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-005-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-005.xht">height-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'height' property does not to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-006-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-006.xht">height-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'height' property does not to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-007-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-007.xht">height-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-008-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-008.xht">height-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'height' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-009-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-009.xht">height-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-010-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-010.xht">height-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-012-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-012.xht">height-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-013-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-013.xht">height-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-014-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-014.xht">height-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-015-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-015.xht">height-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'height' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-applies-to-016-10.5" class="primary">
        <td><strong>
            <a href="height-applies-to-016.xht">height-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Height applied to elements set to 'display: none'
          <ul class="assert">
            <li>Height can be applied to 'display: none' elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-percentage-001-10.5" class="primary">
        <td><strong>
            <a href="height-percentage-001.xht">height-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage height computed to containing block
          <ul class="assert">
            <li>A percentage height is calculated using the height of the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-percentage-002-10.5" class="primary">
        <td><strong>
            <a href="height-percentage-002.xht">height-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage based 'height' computes to 'auto' when containing block has no specified height
          <ul class="assert">
            <li>A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-percentage-003-10.5" class="primary">
        <td><strong>
            <a href="height-percentage-003.xht">height-percentage-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage based 'height' on the root element
          <ul class="assert">
            <li>A percentage 'height' on the root element is relative to the initial containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="height-percentage-004-10.5" class="primary">
        <td><strong>
            <a href="height-percentage-004.xht">height-percentage-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Resolving container heights when they contain absolutely positioned elements with percentage based heights
          <ul class="assert">
            <li>The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-percentage-003-10.5" class="primary">
        <td><strong>
            <a href="min-height-percentage-003.xht">min-height-percentage-003</a></strong></td>
        <td></td>
        <td></td>
        <td>min-height - 100% of the initial containing block's height
          <ul class="assert">
            <li>The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-break-inside-000-10.5" class="paged">
        <td>
            <a href="page-break-inside-000.xht">page-break-inside-000</a></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>page-break-inside:auto
          <ul class="assert">
            <li>The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-000-10.5" class="paged">
        <td>
            <a href="page-container-000.xht">page-container-000</a></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Paged Media root container
          <ul class="assert">
            <li>For a single-page document, the containing box for the root element is the page area.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-002-10.5" class="paged">
        <td>
            <a href="page-container-002.xht">page-container-002</a></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>paged media root percent height
          <ul class="assert">
            <li>A percentage height on the root element is relative to the page area height.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-004-10.5" class="may paged">
        <td>
            <a href="page-container-004.xht">page-container-004</a></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Paged Media root container (float)
          <ul class="assert">
            <li>The root element when floated abuts the left or right edge of the page area.</li>
          </ul>
        </td>
      </tr>
      <tr id="page-container-010-10.5" class="paged">
        <td>
            <a href="page-container-010.xht">page-container-010</a></td>
        <td></td>
        <td><abbr class="paged" title="Test Only Valid for Paged Media">Paged</abbr></td>
        <td>Paged Media Height (percent)
          <ul class="assert">
            <li>For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins">10.6 Calculating heights and margins
</a></th></tr>
      <!-- 2 tests -->
      <tr id="background-root-020-10.6" class="">
        <td>
            <a href="background-root-020.xht">background-root-020</a></td>
        <td></td>
        <td></td>
        <td>Background: Test Seventeen
          <ul class="assert">
            <li>Rules governing visual formating of block level non-replaced elements and calculations of height apply to the document root element just as to any other element. Document root element should not stretch vertically to fit the viewport; document root element should only be as tall as required to enclose its content.</li>
          </ul>
        </td>
      </tr>
      <tr id="root-box-001-10.6" class="primary">
        <td><strong>
            <a href="root-box-001.xht">root-box-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Placing the root element
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inline-non-replaced">10.6.1 Inline, non-replaced elements
</a></th></tr>
      <!-- 3 tests -->
      <tr id="c42-ibx-ht-000-10.6.1" class="ahem">
        <td>
            <a href="c42-ibx-ht-000.xht">c42-ibx-ht-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline Elements
        </td>
      </tr>
      <tr id="inline-non-replaced-height-002-10.6.1" class="primary ahem">
        <td><strong>
            <a href="inline-non-replaced-height-002.xht">inline-non-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline non-replaced elements and padding
          <ul class="assert">
            <li>The padding starts at the top and bottom of the content area not the 'line-height'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-non-replaced-height-003-10.6.1" class="primary ahem">
        <td><strong>
            <a href="inline-non-replaced-height-003.xht">inline-non-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline non-replaced elements and border
          <ul class="assert">
            <li>The border starts at the top and bottom of the content area not the 'line-height'.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.2">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.2">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height">10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements
</a></th></tr>
      <!-- 36 tests -->
      <tr id="block-replaced-height-001-10.6.2" class="primary image">
        <td><strong>
            <a href="block-replaced-height-001.xht">block-replaced-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
          <ul class="assert">
            <li>A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-002-10.6.2" class="primary image">
        <td><strong>
            <a href="block-replaced-height-002.xht">block-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Block replaced elements relying on intrinsic height dimensions
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-003-10.6.2" class="primary image">
        <td><strong>
            <a href="block-replaced-height-003.xht">block-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Block replaced elements with intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-004-10.6.2" class="primary">
        <td><strong>
            <a href="block-replaced-height-004.xht">block-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Block replaced elements without intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-005-10.6.2" class="primary">
        <td><strong>
            <a href="block-replaced-height-005.xht">block-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Block replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-006-10.6.2" class="primary nonHTML svg">
        <td><strong>
            <a href="block-replaced-height-006.xht">block-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned block replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-replaced-height-007-10.6.2" class="primary">
        <td><strong>
            <a href="block-replaced-height-007.xht">block-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Block replaced elements with percentage based intrinsic height that cannot be resolved
          <ul class="assert">
            <li>A block replaced elements with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="c43-rpl-bbx-000-10.6.2" class="image">
        <td>
            <a href="c43-rpl-bbx-000.xht">c43-rpl-bbx-000</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-bbx-001-10.6.2" class="image">
        <td>
            <a href="c43-rpl-bbx-001.xht">c43-rpl-bbx-001</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-bbx-002-10.6.2" class="ahem image">
        <td>
            <a href="c43-rpl-bbx-002.xht">c43-rpl-bbx-002</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c43-rpl-ibx-000-10.6.2" class="ahem image">
        <td>
            <a href="c43-rpl-ibx-000.xht">c43-rpl-ibx-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="float-replaced-height-001-10.6.2" class="primary image">
        <td><strong>
            <a href="float-replaced-height-001.xht">float-replaced-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
          <ul class="assert">
            <li>A floated replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-002-10.6.2" class="primary image">
        <td><strong>
            <a href="float-replaced-height-002.xht">float-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floated replaced elements relying on intrinsic height dimensions
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-003-10.6.2" class="primary image">
        <td><strong>
            <a href="float-replaced-height-003.xht">float-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Floating replaced elements with intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an floated replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-004-10.6.2" class="primary">
        <td><strong>
            <a href="float-replaced-height-004.xht">float-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated replaced elements without intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>For floated replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-005-10.6.2" class="primary">
        <td><strong>
            <a href="float-replaced-height-005.xht">float-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>A floated replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-006-10.6.2" class="primary nonHTML svg">
        <td><strong>
            <a href="float-replaced-height-006.xht">float-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned floated replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>A floated replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="float-replaced-height-007-10.6.2" class="primary">
        <td><strong>
            <a href="float-replaced-height-007.xht">float-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated replaced elements with percentage based intrinsic height that cannot be resolved
          <ul class="assert">
            <li>A floated replaced elements with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-height-001-10.6.2" class="primary">
        <td><strong>
            <a href="inline-block-height-001.xht">inline-block-height-001</a></strong></td>
        <td><a href="inline-block-height-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for height:auto on inline-block
        </td>
      </tr>
      <tr id="inline-block-height-002-10.6.2" class="primary">
        <td><strong>
            <a href="inline-block-height-002.xht">inline-block-height-002</a></strong></td>
        <td><a href="inline-block-height-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for height:&lt;length&gt; on inline-block
        </td>
      </tr>
      <tr id="inline-block-replaced-height-001-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-block-replaced-height-001.xht">inline-block-replaced-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
          <ul class="assert">
            <li>An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-002-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-block-replaced-height-002.xht">inline-block-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline-block replaced elements relying on intrinsic height dimensions
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an inline-block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-003-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-block-replaced-height-003.xht">inline-block-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline-block replaced elements with intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-004-10.6.2" class="primary">
        <td><strong>
            <a href="inline-block-replaced-height-004.xht">inline-block-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline-block replaced elements without intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>For inline-block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-005-10.6.2" class="primary">
        <td><strong>
            <a href="inline-block-replaced-height-005.xht">inline-block-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline-block replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-006-10.6.2" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-block-replaced-height-006.xht">inline-block-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline-block replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An inline-block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-replaced-height-007-10.6.2" class="primary">
        <td><strong>
            <a href="inline-block-replaced-height-007.xht">inline-block-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline-block replaced elements with percentage based intrinsic height that cannot be resolved
          <ul class="assert">
            <li>An inline-block replaced elements with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-001-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-replaced-height-001.xht">inline-replaced-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
          <ul class="assert">
            <li>An inline replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-002-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-replaced-height-002.xht">inline-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline replaced elements relying on intrinsic height dimensions
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an inline replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-003-10.6.2" class="primary image">
        <td><strong>
            <a href="inline-replaced-height-003.xht">inline-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Inline replaced elements with intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-004-10.6.2" class="primary">
        <td><strong>
            <a href="inline-replaced-height-004.xht">inline-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline replaced elements without intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>For inline replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-005-10.6.2" class="primary">
        <td><strong>
            <a href="inline-replaced-height-005.xht">inline-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An inline replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-006-10.6.2" class="primary nonHTML svg">
        <td><strong>
            <a href="inline-replaced-height-006.xht">inline-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An inline replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-replaced-height-007-10.6.2" class="primary">
        <td><strong>
            <a href="inline-replaced-height-007.xht">inline-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline replaced elements with percentage based intrinsic height that cannot be resolved
          <ul class="assert">
            <li>An inline replaced elements with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="replaced-intrinsic-004-10.6.2" class="primary svg">
        <td><strong>
            <a href="replaced-intrinsic-004.xht">replaced-intrinsic-004</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width
          <ul class="assert">
            <li>A replaced element with an intrinsic height only and a specified width is drawn at the specified width and intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="replaced-intrinsic-ratio-001-10.6.2" class="may svg">
        <td>
            <a href="replaced-intrinsic-ratio-001.xht">replaced-intrinsic-ratio-001</a></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Auto Width for Replaced Element with Intrinsic Ratio Only
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.3">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.3">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#normal-block">10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
</a></th></tr>
      <!-- 21 tests -->
      <tr id="block-non-replaced-height-001-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-001.xht">block-non-replaced-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margins top and bottom are 'auto'
          <ul class="assert">
            <li>The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margin top and bottom both are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-002-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-002.xht">block-non-replaced-height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
          <ul class="assert">
            <li>The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and margin top and bottom both are 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-003-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-003.xht">block-non-replaced-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto'
          <ul class="assert">
            <li>The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-004-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-004.xht">block-non-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto'
          <ul class="assert">
            <li>The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-005-10.6.3" class="primary ahem">
        <td><strong>
            <a href="block-non-replaced-height-005.xht">block-non-replaced-height-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto' adjust based on the line box height
          <ul class="assert">
            <li>The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-006-10.6.3" class="primary ahem">
        <td><strong>
            <a href="block-non-replaced-height-006.xht">block-non-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto' adjust based on the line box height
          <ul class="assert">
            <li>The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-007-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-007.xht">block-non-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins collapse
          <ul class="assert">
            <li>The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed through it, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed through it. When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible' and the 'height' is 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-008-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-008.xht">block-non-replaced-height-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins collapse
          <ul class="assert">
            <li>The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed. When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible' but has been propagated to the viewport and the 'height' is 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-009-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-009.xht">block-non-replaced-height-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins do not collapse
          <ul class="assert">
            <li>When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-010-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-010.xht">block-non-replaced-height-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins do not collapse
          <ul class="assert">
            <li>When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-011-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-011.xht">block-non-replaced-height-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
          <ul class="assert">
            <li>A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-012-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-012.xht">block-non-replaced-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' does not computes to 'visible'
          <ul class="assert">
            <li>A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-013-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-013.xht">block-non-replaced-height-013</a></strong></td>
        <td></td>
        <td></td>
        <td>An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
          <ul class="assert">
            <li>An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-014-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-014.xht">block-non-replaced-height-014</a></strong></td>
        <td></td>
        <td></td>
        <td>An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
          <ul class="assert">
            <li>An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-015-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-015.xht">block-non-replaced-height-015</a></strong></td>
        <td></td>
        <td></td>
        <td>A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
          <ul class="assert">
            <li>A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-non-replaced-height-016-10.6.3" class="primary">
        <td><strong>
            <a href="block-non-replaced-height-016.xht">block-non-replaced-height-016</a></strong></td>
        <td></td>
        <td></td>
        <td>A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
          <ul class="assert">
            <li>A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.</li>
          </ul>
        </td>
      </tr>
      <tr id="c5525-fltblck-000-10.6.3" class="ahem image">
        <td>
            <a href="c5525-fltblck-000.xht">c5525-fltblck-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>float
        </td>
      </tr>
      <tr id="c5525-fltblck-001-10.6.3" class="">
        <td>
            <a href="c5525-fltblck-001.xht">c5525-fltblck-001</a></td>
        <td></td>
        <td></td>
        <td>float
        </td>
      </tr>
      <tr id="margin-collapse-clear-012-10.6.3" class="">
        <td>
            <a href="margin-collapse-clear-012.xht">margin-collapse-clear-012</a></td>
        <td></td>
        <td></td>
        <td>Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin
          <ul class="assert">
            <li>When an element has had clearance applied to it and its own margins collapse, these margins collapse with the adjoining margins of following siblings but the resulting margin does not collapse with the bottom margin of the parent block</li>
          </ul>
        </td>
      </tr>
      <tr id="margin-collapse-clear-013-10.6.3" class="">
        <td>
            <a href="margin-collapse-clear-013.xht">margin-collapse-clear-013</a></td>
        <td></td>
        <td></td>
        <td>Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin
          <ul class="assert">
            <li>When an element has had clearance applied to it and its own margins collapse, these margins do not collapse with the bottom margin of the parent block</li>
          </ul>
        </td>
      </tr>
      <tr id="margin-collapse-clear-014-10.6.3" class="">
        <td>
            <a href="margin-collapse-clear-014.xht">margin-collapse-clear-014</a></td>
        <td></td>
        <td></td>
        <td>Margin collapsing with clearance - clearance may be negative
          <ul class="assert">
            <li>Clearance is created above the top margin of the element with clear set. Clearance can be negative. Clearance stops the collapsing of the element's margins with the preceding siblings' margins and with the parent block's bottom margin.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.4">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.4">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">10.6.4 Absolutely positioned, non-replaced elements
</a></th></tr>
      <!-- 24 tests -->
      <tr id="absolute-non-replaced-height-001-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-001.xht">absolute-non-replaced-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, static position of fixed element
          <ul class="assert">
            <li>The calculation of static position is based on initial containing block when there is a fixed positioned element.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-002-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-height-002.xht">absolute-non-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned, non-replaced elements, shrinks-to-fit height
          <ul class="assert">
            <li>The used value for absolutely positioned elements shrinks-to-fit height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-003-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-003.xht">absolute-non-replaced-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, vertical centering
          <ul class="assert">
            <li>An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-004-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-004.xht">absolute-non-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
          <ul class="assert">
            <li>When 'top', 'bottom', 'height' and 'margin-bottom' of an absolutely positioned, non-replaced element are all not 'auto' while its 'margin-top' is 'auto', then 'margin-top' becomes the remainder of the height of its containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-005-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-005.xht">absolute-non-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
          <ul class="assert">
            <li>When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-006-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-006.xht">absolute-non-replaced-height-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, over-constrained
          <ul class="assert">
            <li>The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-007-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-height-007.xht">absolute-non-replaced-height-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned, non-replaced elements, shrink-to-fit solve for top
          <ul class="assert">
            <li>Verify that height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-008-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-008.xht">absolute-non-replaced-height-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, 'top' set to static position
          <ul class="assert">
            <li>When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-009-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-height-009.xht">absolute-non-replaced-height-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Absolutely positioned, non-replaced elements, height is shrink-to-fit
          <ul class="assert">
            <li>The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-010-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-010.xht">absolute-non-replaced-height-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
          <ul class="assert">
            <li>The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top' is 'auto' and 'height' and 'bottom' are not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-011-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-011.xht">absolute-non-replaced-height-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
          <ul class="assert">
            <li>The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-height-012-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-height-012.xht">absolute-non-replaced-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolutely positioned, non-replaced elements, solve for 'bottom'
          <ul class="assert">
            <li>When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-001-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-001.xht">absolute-non-replaced-max-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, static position of fixed element
          <ul class="assert">
            <li>The calculation of static position is based on initial containing block when there is a fixed positioned element.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-002-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-max-height-002.xht">absolute-non-replaced-max-height-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height on absolutely positioned, non-replaced elements
          <ul class="assert">
            <li>When 'top', 'height', and 'bottom' of an absolutely positioned element are 'auto', then set 'top' to the static position and make 'height' based on the content; such height may be constrained by a given 'max-height' value.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-003-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-003.xht">absolute-non-replaced-max-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, vertical centering
          <ul class="assert">
            <li>An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-004-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-004.xht">absolute-non-replaced-max-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
          <ul class="assert">
            <li>When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is 'auto' and 'margin-bottom' is not 'auto'. Then 'margin-top' becomes the remainder of the height of the containing box.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-005-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-005.xht">absolute-non-replaced-max-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
          <ul class="assert">
            <li>When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-006-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-006.xht">absolute-non-replaced-max-height-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, over-constrained
          <ul class="assert">
            <li>The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-007-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-max-height-007.xht">absolute-non-replaced-max-height-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height on absolutely positioned, non-replaced elements, shrink-to-fit solve for top
          <ul class="assert">
            <li>The height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-008-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-008.xht">absolute-non-replaced-max-height-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, 'top' set to static position
          <ul class="assert">
            <li>When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-009-10.6.4" class="primary ahem">
        <td><strong>
            <a href="absolute-non-replaced-max-height-009.xht">absolute-non-replaced-max-height-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height on absolutely positioned, non-replaced elements, height is shrink-to-fit
          <ul class="assert">
            <li>The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-010-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-010.xht">absolute-non-replaced-max-height-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
          <ul class="assert">
            <li>The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top', 'height' and 'bottom' are all not auto.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-011-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-011.xht">absolute-non-replaced-max-height-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
          <ul class="assert">
            <li>The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-non-replaced-max-height-012-10.6.4" class="primary">
        <td><strong>
            <a href="absolute-non-replaced-max-height-012.xht">absolute-non-replaced-max-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height on absolutely positioned, non-replaced elements, solve for 'bottom'
          <ul class="assert">
            <li>When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.5">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.5">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-replaced-height">10.6.5 Absolutely positioned, replaced elements
</a></th></tr>
      <!-- 34 tests -->
      <tr id="absolute-replaced-height-001-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-001.xht">absolute-replaced-height-001</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-002-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-002.xht">absolute-replaced-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements relying on intrinsic height dimensions
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-003-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-003.xht">absolute-replaced-height-003</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-004-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-004.xht">absolute-replaced-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements without intrinsic ratios and 'height' set to 'auto'
          <ul class="assert">
            <li>For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-005-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-005.xht">absolute-replaced-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-006-10.6.5" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-height-006.xht">absolute-replaced-height-006</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-007-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-007.xht">absolute-replaced-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height that cannot be resolved
          <ul class="assert">
            <li>An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-008-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-008.xht">absolute-replaced-height-008</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced elements' used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-009-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-009.xht">absolute-replaced-height-009</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements relying on intrinsic height dimensions and 'bottom' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' and 'bottom' computed as 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-010-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-010.xht">absolute-replaced-height-010</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with intrinsic ratios, 'height' and 'bottom' set to 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-011-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-011.xht">absolute-replaced-height-011</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements without intrinsic ratios, 'height' and 'bottom' set to 'auto'
          <ul class="assert">
            <li>For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-012-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-012.xht">absolute-replaced-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-013-10.6.5" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-height-013.xht">absolute-replaced-height-013</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-014-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-014.xht">absolute-replaced-height-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified
          <ul class="assert">
            <li>An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-016-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-016.xht">absolute-replaced-height-016</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-017-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-017.xht">absolute-replaced-height-017</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-018-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-018.xht">absolute-replaced-height-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
          <ul class="assert">
            <li>For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-019-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-019.xht">absolute-replaced-height-019</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-020-10.6.5" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-height-020.xht">absolute-replaced-height-020</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-021-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-021.xht">absolute-replaced-height-021</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-022-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-022.xht">absolute-replaced-height-022</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with 'margin-bottom' as 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with only one value as 'auto' solves for that value (margin-bottom).</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-023-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-023.xht">absolute-replaced-height-023</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-024-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-024.xht">absolute-replaced-height-024</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-025-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-025.xht">absolute-replaced-height-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-026-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-026.xht">absolute-replaced-height-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-027-10.6.5" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-height-027.xht">absolute-replaced-height-027</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-028-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-028.xht">absolute-replaced-height-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margin-top' are not 'auto'
          <ul class="assert">
            <li>An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-029-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-029.xht">absolute-replaced-height-029</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with over-constrained values
          <ul class="assert">
            <li>An absolutely positioned replaced element with over-constrained values solves for 'bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-030-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-030.xht">absolute-replaced-height-030</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements relying on intrinsic height dimensions and over-constrained values
          <ul class="assert">
            <li>The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height with over-constrained values solves for 'bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-031-10.6.5" class="primary image">
        <td><strong>
            <a href="absolute-replaced-height-031.xht">absolute-replaced-height-031</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and over-constrained values
          <ul class="assert">
            <li>The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', with over-constrained values solves for 'bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-032-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-032.xht">absolute-replaced-height-032</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and over-constrained values
          <ul class="assert">
            <li>For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width. And with over-constrained values element solves for 'bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-033-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-033.xht">absolute-replaced-height-033</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height set to 'auto' and over-constrained values
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-034-10.6.5" class="primary nonHTML svg">
        <td><strong>
            <a href="absolute-replaced-height-034.xht">absolute-replaced-height-034</a></strong></td>
        <td></td>
        <td><abbr class="svg" title="Requires SVG Support">SVG</abbr></td>
        <td>Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and over-constrained values
          <ul class="assert">
            <li>An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.</li>
          </ul>
        </td>
      </tr>
      <tr id="absolute-replaced-height-035-10.6.5" class="primary">
        <td><strong>
            <a href="absolute-replaced-height-035.xht">absolute-replaced-height-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Absolute replaced elements with percentage based intrinsic height that cannot be resolved and there are over-constrained values
          <ul class="assert">
            <li>An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.6">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.6">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin">10.6.6 Complicated cases
</a></th></tr>
      <!-- 4 tests -->
      <tr id="c5525-fltcont-000-10.6.6" class="image">
        <td>
            <a href="c5525-fltcont-000.xht">c5525-fltcont-000</a></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>float
        </td>
      </tr>
      <tr id="float-non-replaced-height-001-10.6.6" class="primary">
        <td><strong>
            <a href="float-non-replaced-height-001.xht">float-non-replaced-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Floated non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants
          <ul class="assert">
            <li>If 'height' is 'auto' on an floated non-replaced element then the 'height' depends on the descendants.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-height-001-10.6.6" class="primary">
        <td><strong>
            <a href="inline-block-non-replaced-height-001.xht">inline-block-non-replaced-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline-block non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants
          <ul class="assert">
            <li>If 'height' is 'auto' on an inline-block non-replaced element then the 'height' depends on the descendants.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-non-replaced-height-002-10.6.6" class="primary">
        <td><strong>
            <a href="inline-block-non-replaced-height-002.xht">inline-block-non-replaced-height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Inline-block non-replaced elements' margin box is used for the height of the line box
          <ul class="assert">
            <li>Inline-block non-replaced elements use the margin box for sizing the height of the line box.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.6.7">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.6.7">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#root-height">10.6.7 'Auto' heights for block formatting context roots
</a></th></tr>
      <!-- 3 tests -->
      <tr id="block-formatting-context-height-001-10.6.7" class="primary">
        <td><strong>
            <a href="block-formatting-context-height-001.xht">block-formatting-context-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Block formatting context auto height with floats and bottom margins
          <ul class="assert">
            <li>The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content which would otherwise be below the bottom edge of that element.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-formatting-context-height-002-10.6.7" class="primary">
        <td><strong>
            <a href="block-formatting-context-height-002.xht">block-formatting-context-height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Block formatting context auto height with floated descendants of the normal flow and bottom margins
          <ul class="assert">
            <li>The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content descendents in the normal flow which would otherwise be below the bottom edge of that element.</li>
          </ul>
        </td>
      </tr>
      <tr id="block-formatting-context-height-003-10.6.7" class="primary">
        <td><strong>
            <a href="block-formatting-context-height-003.xht">block-formatting-context-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Block formatting context auto height with floated descendants outside the normal flow and bottom margins
          <ul class="assert">
            <li>The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.7">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.7">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights">10.7 Minimum and maximum heights: 'min-height' and 'max-height'
</a></th></tr>
      <!-- 182 tests -->
      <tr id="max-height-001-10.7" class="primary">
        <td><strong>
            <a href="max-height-001.xht">max-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-002-10.7" class="primary">
        <td><strong>
            <a href="max-height-002.xht">max-height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-003-10.7" class="primary">
        <td><strong>
            <a href="max-height-003.xht">max-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-004-10.7" class="primary">
        <td><strong>
            <a href="max-height-004.xht">max-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-005-10.7" class="primary">
        <td><strong>
            <a href="max-height-005.xht">max-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-006-10.7" class="primary">
        <td><strong>
            <a href="max-height-006.xht">max-height-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-007-10.7" class="primary">
        <td><strong>
            <a href="max-height-007.xht">max-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-012-10.7" class="primary">
        <td><strong>
            <a href="max-height-012.xht">max-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-013-10.7" class="primary">
        <td><strong>
            <a href="max-height-013.xht">max-height-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-014-10.7" class="primary">
        <td><strong>
            <a href="max-height-014.xht">max-height-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-015-10.7" class="primary">
        <td><strong>
            <a href="max-height-015.xht">max-height-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-016-10.7" class="primary">
        <td><strong>
            <a href="max-height-016.xht">max-height-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-017-10.7" class="primary">
        <td><strong>
            <a href="max-height-017.xht">max-height-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-018-10.7" class="primary">
        <td><strong>
            <a href="max-height-018.xht">max-height-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-023-10.7" class="primary">
        <td><strong>
            <a href="max-height-023.xht">max-height-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-024-10.7" class="primary">
        <td><strong>
            <a href="max-height-024.xht">max-height-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-025-10.7" class="primary">
        <td><strong>
            <a href="max-height-025.xht">max-height-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-026-10.7" class="primary">
        <td><strong>
            <a href="max-height-026.xht">max-height-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-027-10.7" class="primary">
        <td><strong>
            <a href="max-height-027.xht">max-height-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-028-10.7" class="primary">
        <td><strong>
            <a href="max-height-028.xht">max-height-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-029-10.7" class="primary">
        <td><strong>
            <a href="max-height-029.xht">max-height-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-034-10.7" class="primary">
        <td><strong>
            <a href="max-height-034.xht">max-height-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-035-10.7" class="primary">
        <td><strong>
            <a href="max-height-035.xht">max-height-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-036-10.7" class="primary">
        <td><strong>
            <a href="max-height-036.xht">max-height-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-037-10.7" class="primary">
        <td><strong>
            <a href="max-height-037.xht">max-height-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-038-10.7" class="primary">
        <td><strong>
            <a href="max-height-038.xht">max-height-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-039-10.7" class="primary">
        <td><strong>
            <a href="max-height-039.xht">max-height-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-040-10.7" class="primary">
        <td><strong>
            <a href="max-height-040.xht">max-height-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-045-10.7" class="primary">
        <td><strong>
            <a href="max-height-045.xht">max-height-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-046-10.7" class="primary">
        <td><strong>
            <a href="max-height-046.xht">max-height-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-047-10.7" class="primary">
        <td><strong>
            <a href="max-height-047.xht">max-height-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-048-10.7" class="primary">
        <td><strong>
            <a href="max-height-048.xht">max-height-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-049-10.7" class="primary">
        <td><strong>
            <a href="max-height-049.xht">max-height-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-050-10.7" class="primary">
        <td><strong>
            <a href="max-height-050.xht">max-height-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-051-10.7" class="primary">
        <td><strong>
            <a href="max-height-051.xht">max-height-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-056-10.7" class="primary">
        <td><strong>
            <a href="max-height-056.xht">max-height-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-057-10.7" class="primary">
        <td><strong>
            <a href="max-height-057.xht">max-height-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-058-10.7" class="primary">
        <td><strong>
            <a href="max-height-058.xht">max-height-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-059-10.7" class="primary">
        <td><strong>
            <a href="max-height-059.xht">max-height-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-060-10.7" class="primary">
        <td><strong>
            <a href="max-height-060.xht">max-height-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-061-10.7" class="primary">
        <td><strong>
            <a href="max-height-061.xht">max-height-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-062-10.7" class="primary">
        <td><strong>
            <a href="max-height-062.xht">max-height-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-067-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-067.xht">max-height-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-068-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-068.xht">max-height-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-069-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-069.xht">max-height-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-070-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-070.xht">max-height-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-071-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-071.xht">max-height-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-072-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-072.xht">max-height-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-073-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-073.xht">max-height-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-078-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-078.xht">max-height-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-079-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-079.xht">max-height-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-080-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-080.xht">max-height-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-081-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-081.xht">max-height-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-082-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-082.xht">max-height-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-083-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-083.xht">max-height-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-084-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-084.xht">max-height-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Max-height using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-089-10.7" class="primary">
        <td><strong>
            <a href="max-height-089.xht">max-height-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'max-height' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-090-10.7" class="primary">
        <td><strong>
            <a href="max-height-090.xht">max-height-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'max-height' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-091-10.7" class="primary">
        <td><strong>
            <a href="max-height-091.xht">max-height-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'max-height' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-092-10.7" class="primary">
        <td><strong>
            <a href="max-height-092.xht">max-height-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-093-10.7" class="primary">
        <td><strong>
            <a href="max-height-093.xht">max-height-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-094-10.7" class="primary">
        <td><strong>
            <a href="max-height-094.xht">max-height-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'max-height' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-095-10.7" class="primary">
        <td><strong>
            <a href="max-height-095.xht">max-height-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'max-height' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-100-10.7" class="primary">
        <td><strong>
            <a href="max-height-100.xht">max-height-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'max-height' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-101-10.7" class="primary">
        <td><strong>
            <a href="max-height-101.xht">max-height-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height with a zero value and no units, 0
          <ul class="assert">
            <li>The 'max-height' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-102-10.7" class="primary">
        <td><strong>
            <a href="max-height-102.xht">max-height-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'max-height' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-103-10.7" class="primary">
        <td><strong>
            <a href="max-height-103.xht">max-height-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height set to a value of 'none'
          <ul class="assert">
            <li>The 'max-height' property applies a value of 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-104-10.7" class="primary">
        <td><strong>
            <a href="max-height-104.xht">max-height-104</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height set to inherit
          <ul class="assert">
            <li>The 'max-height' property properly inherits the max-height value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-105-10.7" class="primary">
        <td><strong>
            <a href="max-height-105.xht">max-height-105</a></strong></td>
        <td></td>
        <td></td>
        <td>max-height - oveflow
          <ul class="assert">
            <li>The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-106-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-106.xht">max-height-106</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - float and overflow
          <ul class="assert">
            <li></li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-107-10.7" class="ahem">
        <td>
            <a href="max-height-107.xht">max-height-107</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - space for scrollbar
          <ul class="assert">
            <li>Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-108-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-108.xht">max-height-108</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - overflow
          <ul class="assert">
            <li>The max-height property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-109-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-109.xht">max-height-109</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - overflow
          <ul class="assert">
            <li>The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-110-10.7" class="ahem">
        <td>
            <a href="max-height-110.xht">max-height-110</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - space for scrollbar
          <ul class="assert">
            <li>Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-111-10.7" class="primary ahem">
        <td><strong>
            <a href="max-height-111.xht">max-height-111</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>max-height - float and overflow
          <ul class="assert">
            <li>The content of the #test-red-overlapped generates an active horizontal scrollbar. The height of such horizontal scrollbar adds itself to the content making it exceed the max-height constraint of 200px. Therefore, such vertical space taken by the horizontal scrollbar must be substracted from the height of the content. An active vertical scrollbar then must be generated to provide access to the equivalent of the height of the horizontal scrollbar.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-001-10.7" class="primary may">
        <td><strong>
            <a href="max-height-applies-to-001.xht">max-height-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Max-height applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-002-10.7" class="primary may">
        <td><strong>
            <a href="max-height-applies-to-002.xht">max-height-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Max-height applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-003-10.7" class="primary may">
        <td><strong>
            <a href="max-height-applies-to-003.xht">max-height-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Max-height applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-004-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-004.xht">max-height-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-005-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-005.xht">max-height-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'max-height' property does not to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-006-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-006.xht">max-height-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'max-height' property does not to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-007-10.7" class="primary may">
        <td><strong>
            <a href="max-height-applies-to-007.xht">max-height-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Max-height applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-008-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-008.xht">max-height-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'max-height' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-009-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-009.xht">max-height-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-010-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-010.xht">max-height-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-012-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-012.xht">max-height-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-013-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-013.xht">max-height-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-014-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-014.xht">max-height-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-015-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-015.xht">max-height-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'max-height' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-applies-to-016-10.7" class="primary">
        <td><strong>
            <a href="max-height-applies-to-016.xht">max-height-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-Height applied to none
          <ul class="assert">
            <li>Max-Height can be applied to none elements.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-percentage-001-10.7" class="primary">
        <td><strong>
            <a href="max-height-percentage-001.xht">max-height-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Max-height percentage is based on containing block
          <ul class="assert">
            <li>A percentage for 'max-height' is calculated with respect to the 'height' of the generated boxes containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="max-height-percentage-002-10.7" class="primary">
        <td><strong>
            <a href="max-height-percentage-002.xht">max-height-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage 'max-height' with no 'height' on containing block
          <ul class="assert">
            <li>When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'min-height' and 'none' for 'max-height'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-001-10.7" class="primary">
        <td><strong>
            <a href="min-height-001.xht">min-height-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-002-10.7" class="primary">
        <td><strong>
            <a href="min-height-002.xht">min-height-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-003-10.7" class="primary">
        <td><strong>
            <a href="min-height-003.xht">min-height-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-004-10.7" class="primary">
        <td><strong>
            <a href="min-height-004.xht">min-height-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-005-10.7" class="primary">
        <td><strong>
            <a href="min-height-005.xht">min-height-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-006-10.7" class="primary">
        <td><strong>
            <a href="min-height-006.xht">min-height-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-007-10.7" class="primary">
        <td><strong>
            <a href="min-height-007.xht">min-height-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-012-10.7" class="primary">
        <td><strong>
            <a href="min-height-012.xht">min-height-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-013-10.7" class="primary">
        <td><strong>
            <a href="min-height-013.xht">min-height-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-014-10.7" class="primary">
        <td><strong>
            <a href="min-height-014.xht">min-height-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-015-10.7" class="primary">
        <td><strong>
            <a href="min-height-015.xht">min-height-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-016-10.7" class="primary">
        <td><strong>
            <a href="min-height-016.xht">min-height-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-017-10.7" class="primary">
        <td><strong>
            <a href="min-height-017.xht">min-height-017</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-018-10.7" class="primary">
        <td><strong>
            <a href="min-height-018.xht">min-height-018</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-023-10.7" class="primary">
        <td><strong>
            <a href="min-height-023.xht">min-height-023</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-024-10.7" class="primary">
        <td><strong>
            <a href="min-height-024.xht">min-height-024</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-025-10.7" class="primary">
        <td><strong>
            <a href="min-height-025.xht">min-height-025</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-026-10.7" class="primary">
        <td><strong>
            <a href="min-height-026.xht">min-height-026</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-027-10.7" class="primary">
        <td><strong>
            <a href="min-height-027.xht">min-height-027</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-028-10.7" class="primary">
        <td><strong>
            <a href="min-height-028.xht">min-height-028</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-029-10.7" class="primary">
        <td><strong>
            <a href="min-height-029.xht">min-height-029</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-034-10.7" class="primary">
        <td><strong>
            <a href="min-height-034.xht">min-height-034</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-035-10.7" class="primary">
        <td><strong>
            <a href="min-height-035.xht">min-height-035</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-036-10.7" class="primary">
        <td><strong>
            <a href="min-height-036.xht">min-height-036</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-037-10.7" class="primary">
        <td><strong>
            <a href="min-height-037.xht">min-height-037</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-038-10.7" class="primary">
        <td><strong>
            <a href="min-height-038.xht">min-height-038</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-039-10.7" class="primary">
        <td><strong>
            <a href="min-height-039.xht">min-height-039</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-040-10.7" class="primary">
        <td><strong>
            <a href="min-height-040.xht">min-height-040</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-045-10.7" class="primary">
        <td><strong>
            <a href="min-height-045.xht">min-height-045</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-046-10.7" class="primary">
        <td><strong>
            <a href="min-height-046.xht">min-height-046</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-047-10.7" class="primary">
        <td><strong>
            <a href="min-height-047.xht">min-height-047</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-048-10.7" class="primary">
        <td><strong>
            <a href="min-height-048.xht">min-height-048</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-049-10.7" class="primary">
        <td><strong>
            <a href="min-height-049.xht">min-height-049</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-050-10.7" class="primary">
        <td><strong>
            <a href="min-height-050.xht">min-height-050</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-051-10.7" class="primary">
        <td><strong>
            <a href="min-height-051.xht">min-height-051</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-056-10.7" class="primary">
        <td><strong>
            <a href="min-height-056.xht">min-height-056</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-057-10.7" class="primary">
        <td><strong>
            <a href="min-height-057.xht">min-height-057</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-058-10.7" class="primary">
        <td><strong>
            <a href="min-height-058.xht">min-height-058</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-059-10.7" class="primary">
        <td><strong>
            <a href="min-height-059.xht">min-height-059</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-060-10.7" class="primary">
        <td><strong>
            <a href="min-height-060.xht">min-height-060</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-061-10.7" class="primary">
        <td><strong>
            <a href="min-height-061.xht">min-height-061</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-062-10.7" class="primary">
        <td><strong>
            <a href="min-height-062.xht">min-height-062</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-067-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-067.xht">min-height-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-068-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-068.xht">min-height-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-069-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-069.xht">min-height-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-070-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-070.xht">min-height-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-071-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-071.xht">min-height-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-072-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-072.xht">min-height-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-073-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-073.xht">min-height-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-078-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-078.xht">min-height-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-079-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-079.xht">min-height-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-080-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-080.xht">min-height-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-081-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-081.xht">min-height-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-082-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-082.xht">min-height-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-083-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-083.xht">min-height-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-084-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-084.xht">min-height-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Min-height using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-089-10.7" class="primary">
        <td><strong>
            <a href="min-height-089.xht">min-height-089</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'min-height' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-090-10.7" class="primary">
        <td><strong>
            <a href="min-height-090.xht">min-height-090</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'min-height' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-091-10.7" class="primary">
        <td><strong>
            <a href="min-height-091.xht">min-height-091</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'min-height' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-092-10.7" class="primary">
        <td><strong>
            <a href="min-height-092.xht">min-height-092</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-093-10.7" class="primary">
        <td><strong>
            <a href="min-height-093.xht">min-height-093</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-094-10.7" class="primary">
        <td><strong>
            <a href="min-height-094.xht">min-height-094</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'min-height' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-095-10.7" class="primary">
        <td><strong>
            <a href="min-height-095.xht">min-height-095</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'min-height' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-100-10.7" class="primary">
        <td><strong>
            <a href="min-height-100.xht">min-height-100</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'min-height' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-101-10.7" class="primary">
        <td><strong>
            <a href="min-height-101.xht">min-height-101</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height with a zero value and no units, 0
          <ul class="assert">
            <li>The 'min-height' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-102-10.7" class="primary">
        <td><strong>
            <a href="min-height-102.xht">min-height-102</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'min-height' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-103-10.7" class="primary">
        <td><strong>
            <a href="min-height-103.xht">min-height-103</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height set to 'inherit'
          <ul class="assert">
            <li>The 'min-height' property properly inherits the min-height value of the parent.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-104-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-104.xht">min-height-104</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>min-height - space for scrollbar
          <ul class="assert">
            <li>Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-105-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-105.xht">min-height-105</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>min-height - space for scrollbar
          <ul class="assert">
            <li>Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-106-10.7" class="primary ahem">
        <td><strong>
            <a href="min-height-106.xht">min-height-106</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>min-height - float and overflow
          <ul class="assert">
            <li>'min-height' specifies a fixed minimum used height. If the element requires an horizontal scrollbar, then the horizontal scrollbar height should be subtracted from the height of its containing block so that the resulting used height continues to honor the declared min-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-111-10.7" class="primary">
        <td><strong>
            <a href="min-height-111.xht">min-height-111</a></strong></td>
        <td></td>
        <td></td>
        <td>Basic min-height test
        </td>
      </tr>
      <tr id="min-height-112-10.7" class="primary">
        <td><strong>
            <a href="min-height-112.xht">min-height-112</a></strong></td>
        <td></td>
        <td></td>
        <td>Basic min-height test (with overflow:hidden)
        </td>
      </tr>
      <tr id="min-height-113-10.7" class="primary">
        <td><strong>
            <a href="min-height-113.xht">min-height-113</a></strong></td>
        <td></td>
        <td></td>
        <td>Basic min-height test (with overflow:scroll)
        </td>
      </tr>
      <tr id="min-height-applies-to-001-10.7" class="primary may">
        <td><strong>
            <a href="min-height-applies-to-001.xht">min-height-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Min-height applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-002-10.7" class="primary may">
        <td><strong>
            <a href="min-height-applies-to-002.xht">min-height-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Min-height applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-003-10.7" class="primary may">
        <td><strong>
            <a href="min-height-applies-to-003.xht">min-height-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Min-height applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-004-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-004.xht">min-height-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-005-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-005.xht">min-height-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'min-height' property does not to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-006-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-006.xht">min-height-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'min-height' property does not to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-007-10.7" class="primary may">
        <td><strong>
            <a href="min-height-applies-to-007.xht">min-height-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Min-height applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-008-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-008.xht">min-height-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'min-height' property does not apply to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-009-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-009.xht">min-height-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-010-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-010.xht">min-height-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-012-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-012.xht">min-height-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-013-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-013.xht">min-height-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-014-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-014.xht">min-height-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-applies-to-015-10.7" class="primary">
        <td><strong>
            <a href="min-height-applies-to-015.xht">min-height-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'min-height' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-percentage-001-10.7" class="primary">
        <td><strong>
            <a href="min-height-percentage-001.xht">min-height-percentage-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Min-height percentage is based on containing block
          <ul class="assert">
            <li>A percentage for 'min-height' is calculated with respect to the 'height' of the generated boxes containing block.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-percentage-002-10.7" class="primary">
        <td><strong>
            <a href="min-height-percentage-002.xht">min-height-percentage-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Percentage 'min-height' with no 'height' on containing block
          <ul class="assert">
            <li>When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'min-height' and 'none' for 'max-height'.</li>
          </ul>
        </td>
      </tr>
      <tr id="min-height-percentage-003-10.7" class="">
        <td>
            <a href="min-height-percentage-003.xht">min-height-percentage-003</a></td>
        <td></td>
        <td></td>
        <td>min-height - 100% of the initial containing block's height
          <ul class="assert">
            <li>The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.8">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.8">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#line-height">10.8 Line height calculations: the 'line-height' and 'vertical-align' properties
</a></th></tr>
      <!-- 13 tests -->
      <tr id="c43-center-000-10.8" class="ahem image">
        <td>
            <a href="c43-center-000.xht">c43-center-000</a></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Replaced Elements
        </td>
      </tr>
      <tr id="c44-ln-box-000-10.8" class="primary ahem image">
        <td><strong>
            <a href="c44-ln-box-000.xht">c44-ln-box-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>The Height of Lines
        </td>
      </tr>
      <tr id="c44-ln-box-001-10.8" class="primary ahem image">
        <td><strong>
            <a href="c44-ln-box-001.xht">c44-ln-box-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>The Height of Lines
        </td>
      </tr>
      <tr id="c44-ln-box-002-10.8" class="primary ahem image">
        <td><strong>
            <a href="c44-ln-box-002.xht">c44-ln-box-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>The Height of Lines
        </td>
      </tr>
      <tr id="c44-ln-box-003-10.8" class="primary ahem image">
        <td><strong>
            <a href="c44-ln-box-003.xht">c44-ln-box-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>The Height of Lines
        </td>
      </tr>
      <tr id="empty-inline-003-10.8" class="primary">
        <td><strong>
            <a href="empty-inline-003.xht">empty-inline-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Line height calculations: the 'line-height' and 'vertical-align' properties - Empty inline elements influence
          <ul class="assert">
            <li>The line-height of an empty inline element influences the height of a line containing it with some other content</li>
          </ul>
        </td>
      </tr>
      <tr id="inlines-001-10.8" class="primary">
        <td><strong>
            <a href="inlines-001.xht">inlines-001</a></strong></td>
        <td></td>
        <td></td>
        <td>CSS Inline Box Model: Layering Model
        </td>
      </tr>
      <tr id="inlines-009-10.8" class="primary ahem image">
        <td><strong>
            <a href="inlines-009.xht">inlines-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>CSS Inline Box Model: Behaviour near cells (specified line height)
        </td>
      </tr>
      <tr id="inlines-010-10.8" class="primary ahem image">
        <td><strong>
            <a href="inlines-010.xht">inlines-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>CSS Inline Box Model: Behaviour near cells (normal line height)
        </td>
      </tr>
      <tr id="inlines-011-10.8" class="primary image">
        <td><strong>
            <a href="inlines-011.xht">inlines-011</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>CSS Inline Box Model: Baseline alignment of images
        </td>
      </tr>
      <tr id="inlines-012-10.8" class="primary image">
        <td><strong>
            <a href="inlines-012.xht">inlines-012</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>CSS Inline Box Model: Baseline alignment of images
        </td>
      </tr>
      <tr id="vertical-align-121-10.8" class="primary">
        <td><strong>
            <a href="vertical-align-121.xht">vertical-align-121</a></strong></td>
        <td></td>
        <td></td>
        <td>vertical-align: top
        </td>
      </tr>
      <tr id="vertical-align-boxes-001-10.8" class="primary ahem image">
        <td><strong>
            <a href="vertical-align-boxes-001.xht">vertical-align-boxes-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Vertical Alignment boxes: replaced elements
          <ul class="assert">
            <li>Vertical alignment aligns the margin box of inline replaced elements.</li>
          </ul>
        </td>
      </tr>
    </tbody>
    <tbody id="s10.8.1">
      <tr><th colspan="4" scope="rowgroup">
        <a href="#s10.8.1">+</a>
        <a href="http://www.w3.org/TR/CSS21/visudet.html#leading">10.8.1 Leading and half-leading
</a></th></tr>
      <!-- 210 tests -->
      <tr id="c42-ibx-ht-000-10.8.1" class="primary ahem">
        <td><strong>
            <a href="c42-ibx-ht-000.xht">c42-ibx-ht-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Inline Elements
        </td>
      </tr>
      <tr id="c527-font-001-10.8.1" class="">
        <td>
            <a href="c527-font-001.xht">c527-font-001</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-002-10.8.1" class="">
        <td>
            <a href="c527-font-002.xht">c527-font-002</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-003-10.8.1" class="">
        <td>
            <a href="c527-font-003.xht">c527-font-003</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-004-10.8.1" class="">
        <td>
            <a href="c527-font-004.xht">c527-font-004</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-005-10.8.1" class="">
        <td>
            <a href="c527-font-005.xht">c527-font-005</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-006-10.8.1" class="">
        <td>
            <a href="c527-font-006.xht">c527-font-006</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-007-10.8.1" class="">
        <td>
            <a href="c527-font-007.xht">c527-font-007</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-008-10.8.1" class="">
        <td>
            <a href="c527-font-008.xht">c527-font-008</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-009-10.8.1" class="">
        <td>
            <a href="c527-font-009.xht">c527-font-009</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c527-font-10-10.8.1" class="">
        <td>
            <a href="c527-font-10.xht">c527-font-10</a></td>
        <td></td>
        <td></td>
        <td>font
        </td>
      </tr>
      <tr id="c544-valgn-000-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c544-valgn-000.xht">c544-valgn-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>vertical-align
        </td>
      </tr>
      <tr id="c544-valgn-001-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c544-valgn-001.xht">c544-valgn-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>vertical-align
        </td>
      </tr>
      <tr id="c544-valgn-002-10.8.1" class="primary ahem image interact">
        <td><strong>
            <a href="c544-valgn-002.xht">c544-valgn-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>vertical-align
        </td>
      </tr>
      <tr id="c544-valgn-003-10.8.1" class="primary ahem image interact">
        <td><strong>
            <a href="c544-valgn-003.xht">c544-valgn-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>vertical-align
        </td>
      </tr>
      <tr id="c544-valgn-004-10.8.1" class="primary ahem image interact">
        <td><strong>
            <a href="c544-valgn-004.xht">c544-valgn-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr><abbr class="interact" title="Requires User Interaction">Interact</abbr></td>
        <td>vertical-align
        </td>
      </tr>
      <tr id="c548-leadin-000-10.8.1" class="primary ahem">
        <td><strong>
            <a href="c548-leadin-000.xht">c548-leadin-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-000-10.8.1" class="primary ahem">
        <td><strong>
            <a href="c548-ln-ht-000.xht">c548-ln-ht-000</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-001-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c548-ln-ht-001.xht">c548-ln-ht-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-002-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c548-ln-ht-002.xht">c548-ln-ht-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-003-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c548-ln-ht-003.xht">c548-ln-ht-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="c548-ln-ht-004-10.8.1" class="primary ahem image">
        <td><strong>
            <a href="c548-ln-ht-004.xht">c548-ln-ht-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>line-height
        </td>
      </tr>
      <tr id="empty-inline-002-10.8.1" class="primary ahem">
        <td><strong>
            <a href="empty-inline-002.xht">empty-inline-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Empty line box influence
          <ul class="assert">
            <li>Empty inline elements still influence calculation just like elements with content.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-000-10.8.1" class="">
        <td>
            <a href="inline-block-000.xht">inline-block-000</a></td>
        <td><a href="inline-block-000-ref.xht">=</a> </td>
        <td></td>
        <td>Test for inline-block
          <ul class="assert">
            <li>This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.</li>
            <li>The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-valign-001-10.8.1" class="">
        <td>
            <a href="inline-block-valign-001.xht">inline-block-valign-001</a></td>
        <td><a href="inline-block-valign-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for vertical alignment on inline-block
          <ul class="assert">
            <li>This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.</li>
            <li>The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-block-valign-002-10.8.1" class="">
        <td>
            <a href="inline-block-valign-002.xht">inline-block-valign-002</a></td>
        <td><a href="inline-block-valign-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for vertical alignment on inline-block
          <ul class="assert">
            <li>This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.</li>
            <li>The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-table-002a-10.8.1" class="">
        <td>
            <a href="inline-table-002a.xht">inline-table-002a</a></td>
        <td><a href="inline-table-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for inline-table
          <ul class="assert">
            <li>it is a rectangular block that participates in an inline formatting context).</li>
            <li>The baseline of an 'inline-table' is the baseline of the first row of the table.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-table-002b-10.8.1" class="">
        <td>
            <a href="inline-table-002b.xht">inline-table-002b</a></td>
        <td><a href="inline-table-002-ref.xht">=</a> </td>
        <td></td>
        <td>Test for inline-table
          <ul class="assert">
            <li>it is a rectangular block that participates in an inline formatting context).</li>
            <li>The baseline of an 'inline-table' is the baseline of the first row of the table.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-table-003-10.8.1" class="">
        <td>
            <a href="inline-table-003.xht">inline-table-003</a></td>
        <td><a href="inline-table-003-ref.xht">=</a> </td>
        <td></td>
        <td>Test for inline-table
          <ul class="assert">
            <li>it is a rectangular block that participates in an inline formatting context).</li>
            <li>The baseline of an 'inline-table' is the baseline of the first row of the table.</li>
          </ul>
        </td>
      </tr>
      <tr id="inline-table-valign-001-10.8.1" class="">
        <td>
            <a href="inline-table-valign-001.xht">inline-table-valign-001</a></td>
        <td><a href="inline-table-valign-001-ref.xht">=</a> </td>
        <td></td>
        <td>Test for vertical alignment on inline-table
          <ul class="assert">
            <li>it is a rectangular block that participates in an inline formatting context).</li>
            <li>The baseline of an 'inline-table' is the baseline of the first row of the table.</li>
          </ul>
        </td>
      </tr>
      <tr id="leading-001-10.8.1" class="primary ahem">
        <td><strong>
            <a href="leading-001.xht">leading-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Leading and half leading line heights
          <ul class="assert">
            <li>Line-height can be different from the content area so space is above and below.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-box-height-001-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-box-height-001.xht">line-box-height-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Height for inline elements when 'line-height' is smaller than 'height'
          <ul class="assert">
            <li>The 'line-height' property sets the initial height but that height is increased if the content height is larger.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-box-height-002-10.8.1" class="primary image">
        <td><strong>
            <a href="line-box-height-002.xht">line-box-height-002</a></strong></td>
        <td></td>
        <td><abbr class="image" title="Requires Bitmap Graphics Support">Bitmaps</abbr></td>
        <td>Height for inline replaced elements and 'line-height'
          <ul class="assert">
            <li>The 'line-height' property doe not set the height for inline replaced elements. The height of the replaced element sets the line-height'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-001-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-001.xht">line-height-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using pixels with a minimum minus one value, -1px
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-002-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-002.xht">line-height-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a minimum value, 0px
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-003-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-003.xht">line-height-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a minimum plus one value, 1px
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-004-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-004.xht">line-height-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-005-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-005.xht">line-height-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-006-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-006.xht">line-height-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-007-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-007.xht">line-height-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-012-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-012.xht">line-height-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using points with a minimum minus one value, -1pt
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-013-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-013.xht">line-height-013</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a minimum value, 0pt
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-014-10.8.1" class="primary 96dpi ahem">
        <td><strong>
            <a href="line-height-014.xht">line-height-014</a></strong></td>
        <td></td>
        <td><abbr class="96dpi" title="Test Only Valid on 96dpi Displays">96</abbr><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a minimum plus one value, 1pt
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-015-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-015.xht">line-height-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-016-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-016.xht">line-height-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-017-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-017.xht">line-height-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-018-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-018.xht">line-height-018</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-023-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-023.xht">line-height-023</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using picas with a minimum minus one value, -1pc
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-024-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-024.xht">line-height-024</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a minimum value, 0pc
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-025-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-025.xht">line-height-025</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a minimum plus one value, 1pc
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-026-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-026.xht">line-height-026</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-027-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-027.xht">line-height-027</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-028-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-028.xht">line-height-028</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-029-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-029.xht">line-height-029</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-034-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-034.xht">line-height-034</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using centimeters with a minimum minus one value, -1cm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-035-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-035.xht">line-height-035</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a minimum value, 0cm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-036-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-036.xht">line-height-036</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a minimum plus one value, 1cm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-037-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-037.xht">line-height-037</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-038-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-038.xht">line-height-038</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-039-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-039.xht">line-height-039</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-040-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-040.xht">line-height-040</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-045-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-045.xht">line-height-045</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using millimeters with a minimum minus one value, -1mm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-046-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-046.xht">line-height-046</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a minimum value, 0mm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-047-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-047.xht">line-height-047</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a minimum plus one value, 1mm
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-048-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-048.xht">line-height-048</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-049-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-049.xht">line-height-049</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-050-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-050.xht">line-height-050</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-051-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-051.xht">line-height-051</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-056-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-056.xht">line-height-056</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using inches with a minimum minus one value, -1in
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-057-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-057.xht">line-height-057</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a minimum value, 0in
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-058-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-058.xht">line-height-058</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a minimum plus one value, 1in
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-059-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-059.xht">line-height-059</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-060-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-060.xht">line-height-060</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-061-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-061.xht">line-height-061</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a nominal value, 3in
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-062-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-062.xht">line-height-062</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using inches with a positive nominal value, +3in
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-067-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-067.xht">line-height-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using 'em' units with a minimum minus one value, -1em
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-068-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-068.xht">line-height-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a minimum value, 0em
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-069-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-069.xht">line-height-069</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a minimum plus one value, 1em
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-070-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-070.xht">line-height-070</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-071-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-071.xht">line-height-071</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-072-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-072.xht">line-height-072</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-073-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-073.xht">line-height-073</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-078-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-078.xht">line-height-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using 'ex' units with a minimum minus one value, -1ex
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-079-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-079.xht">line-height-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a minimum value, 0ex
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-080-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-080.xht">line-height-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a minimum plus one value, 1ex
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-081-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-081.xht">line-height-081</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-082-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-082.xht">line-height-082</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-083-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-083.xht">line-height-083</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-084-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-084.xht">line-height-084</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-089-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-089.xht">line-height-089</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height using percentages with a minimum minus one value, -1%
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-090-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-090.xht">line-height-090</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a minimum value, 0%
          <ul class="assert">
            <li>The 'line-height' property sets a minimum length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-091-10.8.1" class="primary 96dpi ahem">
        <td><strong>
            <a href="line-height-091.xht">line-height-091</a></strong></td>
        <td></td>
        <td><abbr class="96dpi" title="Test Only Valid on 96dpi Displays">96</abbr><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a minimum plus one value, 1%
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-092-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-092.xht">line-height-092</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-093-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-093.xht">line-height-093</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-094-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-094.xht">line-height-094</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'line-height' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-095-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-095.xht">line-height-095</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-100-10.8.1" class="primary ahem invalid should">
        <td><strong>
            <a href="line-height-100.xht">line-height-100</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="invalid" title="Tests Invalid CSS">Invalid</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height with a minimum minus one value, -1
          <ul class="assert">
            <li>The 'line-height' property sets a minimum minus one number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-101-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-101.xht">line-height-101</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height with a minimum value, 0
          <ul class="assert">
            <li>The 'line-height' property sets a minimum number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-102-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-102.xht">line-height-102</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a minimum plus one value, 1
          <ul class="assert">
            <li>The 'line-height' property sets a minimum plus one number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-103-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-103.xht">line-height-103</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height using pixels with a negative zero value, -0
          <ul class="assert">
            <li>The 'line-height' property sets a negative zero number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-104-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-104.xht">line-height-104</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height with a positive zero value, +0
          <ul class="assert">
            <li>The 'line-height' property sets a positive zero number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-105-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-105.xht">line-height-105</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height with a nominal value, 5
          <ul class="assert">
            <li>The 'line-height' property sets a nominal number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-106-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-106.xht">line-height-106</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height with a positive nominal value, +5
          <ul class="assert">
            <li>The 'line-height' property sets a positive nominal number value.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-111-10.8.1" class="primary ahem should">
        <td><strong>
            <a href="line-height-111.xht">line-height-111</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height with keyword value of 'normal'
          <ul class="assert">
            <li>The 'line-height' property set to 'normal' uses the default line-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-112-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-112.xht">line-height-112</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Line-height with keyword value of 'inherit'
          <ul class="assert">
            <li>The 'line-height' property set to 'inherit' uses the default line-height.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-001-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-001.xht">line-height-applies-to-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-002-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-002.xht">line-height-applies-to-002</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-003-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-003.xht">line-height-applies-to-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-004-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-004.xht">line-height-applies-to-004</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-005-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-005.xht">line-height-applies-to-005</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-006-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-006.xht">line-height-applies-to-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-007-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-007.xht">line-height-applies-to-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-008-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-008.xht">line-height-applies-to-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-009-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-009.xht">line-height-applies-to-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-010-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-010.xht">line-height-applies-to-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-012-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-012.xht">line-height-applies-to-012</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-013-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-013.xht">line-height-applies-to-013</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-014-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-014.xht">line-height-applies-to-014</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-015-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-015.xht">line-height-applies-to-015</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-applies-to-016-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-applies-to-016.xht">line-height-applies-to-016</a></strong></td>
        <td></td>
        <td></td>
        <td>Line-height applied to elements with 'display' set to 'none'
          <ul class="assert">
            <li>The 'line-height' property applies to elements with 'display' set to 'none'.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-bleed-001-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-bleed-001.xht">line-height-bleed-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Glyphs overflow line box
          <ul class="assert">
            <li>Glyphs bleed out of the box when 'line-height' is less than the content height and the height of the box is not increased.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-bleed-002-10.8.1" class="primary ahem">
        <td><strong>
            <a href="line-height-bleed-002.xht">line-height-bleed-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Glyphs overflow when line height of container is less than content height
          <ul class="assert">
            <li>That glyphs bleed out of the box when 'line-height' can overlap adjoining line boxes.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-bleed-003-10.8.1" class="primary">
        <td><strong>
            <a href="line-height-bleed-003.xht">line-height-bleed-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Leading and half leading line heights leads to space above and below
          <ul class="assert">
            <li>Line-height can be different from the content area so there is space above and below.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-largest-001-10.8.1" class="primary may">
        <td><strong>
            <a href="line-height-largest-001.xht">line-height-largest-001</a></strong></td>
        <td></td>
        <td><abbr class="may" title="Behavior tested is preferred but optional.">Optional</abbr></td>
        <td>Line-height with multiple font sizes
          <ul class="assert">
            <li>The 'line-height' value may use the largest font size when there is more than one font size.</li>
          </ul>
        </td>
      </tr>
      <tr id="line-height-normal-recommendation-001-10.8.1" class="primary ahem should">
        <td><strong>
            <a href="line-height-normal-recommendation-001.xht">line-height-normal-recommendation-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr><abbr class="should" title="Behavior tested is recommended but not required">Recommend</abbr></td>
        <td>Line-height recommended 'normal' value
          <ul class="assert">
            <li>It is recommended that the 'normal' value for 'line-height' is set to 1.0 or 1.2 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="table-height-algorithm-031-10.8.1" class="">
        <td>
            <a href="table-height-algorithm-031.xht">table-height-algorithm-031</a></td>
        <td></td>
        <td></td>
        <td>Table baseline and caption
          <ul class="assert">
            <li>A table caption does not set the baseline for a table.</li>
          </ul>
        </td>
      </tr>
      <tr id="table-height-algorithm-032-10.8.1" class="">
        <td>
            <a href="table-height-algorithm-032.xht">table-height-algorithm-032</a></td>
        <td></td>
        <td></td>
        <td>Inline-table baseline and caption
          <ul class="assert">
            <li>A table caption does not set the baseline for an inline-table.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-004-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-004.xht">vertical-align-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using pixels with a negative zero value, -0px
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-005-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-005.xht">vertical-align-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using pixels with a zero value, 0px
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-006-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-006.xht">vertical-align-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using pixels with a positive zero value, +0px
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-007-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-007.xht">vertical-align-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using pixels with a nominal value, 96px
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-008-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-008.xht">vertical-align-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using pixels with a positive nominal value, +96px
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in pixels.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-016-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-016.xht">vertical-align-016</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using points with a negative zero value, -0pt
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-017-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-017.xht">vertical-align-017</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using points with a zero value, 0pt
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-018-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-018.xht">vertical-align-018</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using points with a positive zero value, +0pt
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-019-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-019.xht">vertical-align-019</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using points with a nominal value, 72pt
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-020-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-020.xht">vertical-align-020</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using points with a positive nominal value, +72pt
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in points.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-028-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-028.xht">vertical-align-028</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using picas with a negative zero value, -0pc
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-029-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-029.xht">vertical-align-029</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using picas with a zero value, 0pc
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-030-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-030.xht">vertical-align-030</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using picas with a positive zero value, +0pc
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-031-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-031.xht">vertical-align-031</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using picas with a nominal value, 6pc
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-032-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-032.xht">vertical-align-032</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using picas with a positive nominal value, +6pc
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in picas.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-040-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-040.xht">vertical-align-040</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using centimeters with a negative zero value, -0cm
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-041-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-041.xht">vertical-align-041</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using centimeters with a zero value, 0cm
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-042-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-042.xht">vertical-align-042</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using centimeters with a positive zero value, +0cm
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-043-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-043.xht">vertical-align-043</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using centimeters with a nominal value, 2.54cm
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-044-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-044.xht">vertical-align-044</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using centimeters with a positive nominal value, +2.54cm
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in centimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-052-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-052.xht">vertical-align-052</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using millimeters with a negative zero value, -0mm
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-053-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-053.xht">vertical-align-053</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using millimeters with a zero value, 0mm
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-054-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-054.xht">vertical-align-054</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using millimeters with a positive zero value, +0mm
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-055-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-055.xht">vertical-align-055</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using millimeters with a nominal value, 25.4mm
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-056-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-056.xht">vertical-align-056</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using millimeters with a positive nominal value, +25.4mm
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in millimeters.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-064-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-064.xht">vertical-align-064</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using inches with a negative zero value, -0in
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-065-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-065.xht">vertical-align-065</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using inches with a zero value, 0in
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-066-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-066.xht">vertical-align-066</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using inches with a positive zero value, +0in
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-067-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-067.xht">vertical-align-067</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using inches with a nominal value, 1in
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-068-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-068.xht">vertical-align-068</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using inches with a positive nominal value, +1in
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in inches.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-076-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-076.xht">vertical-align-076</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'em' units with a negative zero value, -0em
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-077-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-077.xht">vertical-align-077</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'em' units with a zero value, 0em
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-078-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-078.xht">vertical-align-078</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'em' units with a positive zero value, +0em
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-079-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-079.xht">vertical-align-079</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'em' units with a nominal value, 6em
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-080-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-080.xht">vertical-align-080</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'em' units with a positive nominal value, +6em
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in 'em' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-088-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-088.xht">vertical-align-088</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'ex' units with a negative zero value, -0ex
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-089-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-089.xht">vertical-align-089</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'ex' units with a zero value, 0ex
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-090-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-090.xht">vertical-align-090</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'ex' units with a positive zero value, +0ex
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-091-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-091.xht">vertical-align-091</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'ex' units with a nominal value, 6ex
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-092-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-092.xht">vertical-align-092</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using 'ex' units with a positive nominal value, +6ex
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in 'ex' units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-100-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-100.xht">vertical-align-100</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using percentages with a negative zero value, -0%
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-101-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-101.xht">vertical-align-101</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using percentages with a zero value, 0%
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-102-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-102.xht">vertical-align-102</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using percentages with a positive zero value, +0%
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-103-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-103.xht">vertical-align-103</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using percentages with a nominal value, 100%
          <ul class="assert">
            <li>The 'vertical-align' property sets a nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-104-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-104.xht">vertical-align-104</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align using percentages with a positive nominal value, +100%
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive nominal length value in percentages.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-109-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-109.xht">vertical-align-109</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a negative zero value and no units, -0
          <ul class="assert">
            <li>The 'vertical-align' property sets a negative zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-110-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-110.xht">vertical-align-110</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a zero value and no units, 0
          <ul class="assert">
            <li>The 'vertical-align' property sets a zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-111-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-111.xht">vertical-align-111</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a positive zero value and no units, +0
          <ul class="assert">
            <li>The 'vertical-align' property sets a positive zero length value with no units.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-112-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-112.xht">vertical-align-112</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'baseline'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'baseline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-113-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-113.xht">vertical-align-113</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'bottom'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-114-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-114.xht">vertical-align-114</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'middle'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'middle'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-115-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-115.xht">vertical-align-115</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'sub'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'sub'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-116-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-116.xht">vertical-align-116</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'super'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'super'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-117-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-117.xht">vertical-align-117</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'text-bottom'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'text-bottom'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-118-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-118.xht">vertical-align-118</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'text-top'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'text-top'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-119-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-119.xht">vertical-align-119</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'top'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'top'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-120-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-120.xht">vertical-align-120</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align with a keyword, 'inherit'
          <ul class="assert">
            <li>The 'vertical-align' property sets the keyword 'inherit' and inherits the computed value from the parent element.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-001-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-001.xht">vertical-align-applies-to-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-row-group'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-row-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-002-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-002.xht">vertical-align-applies-to-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-header-group'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-header-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-003-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-003.xht">vertical-align-applies-to-003</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-footer-group'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-footer-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-004-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-004.xht">vertical-align-applies-to-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-row'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-row'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-005-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-005.xht">vertical-align-applies-to-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-column-group'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-column-group'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-006-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-006.xht">vertical-align-applies-to-006</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-column'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-column'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-007-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-007.xht">vertical-align-applies-to-007</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-cell'
          <ul class="assert">
            <li>The 'vertical-align' property applies to elements with 'display' set to 'table-cell'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-008-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-008.xht">vertical-align-applies-to-008</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'inline'
          <ul class="assert">
            <li>The 'vertical-align' property applies to elements with 'display' set to 'inline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-009-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-009.xht">vertical-align-applies-to-009</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'block'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-010-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-010.xht">vertical-align-applies-to-010</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'list-item'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'list-item'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-012-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-012.xht">vertical-align-applies-to-012</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'inline-block'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'inline-block'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-013-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-013.xht">vertical-align-applies-to-013</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-014-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-014.xht">vertical-align-applies-to-014</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'inline-table'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'inline-table'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-applies-to-015-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-applies-to-015.xht">vertical-align-applies-to-015</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to elements with 'display' set to 'table-caption'
          <ul class="assert">
            <li>The 'vertical-align' property does not apply to elements with 'display' set to 'table-caption'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-001-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-baseline-001.xht">vertical-align-baseline-001</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align set to '0%' is equal to 'baseline'
          <ul class="assert">
            <li>The 'vertical-align' property set to '0%' means the same as the 'baseline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-002-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-baseline-002.xht">vertical-align-baseline-002</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align set to '0' is equal to 'baseline'
          <ul class="assert">
            <li>The 'vertical-align' property set to '0' means the same as the 'baseline'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-003-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-003.xht">vertical-align-baseline-003</a></strong></td>
        <td></td>
        <td></td>
        <td>Vertical-align applied to 'inline-block' and baseline alignment
          <ul class="assert">
            <li>The 'vertical-align' property aligns the last line box of 'inline-block' elements with the baseline.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-004-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-baseline-004.xht">vertical-align-baseline-004</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to empty 'inline-block' and baseline alignment
          <ul class="assert">
            <li>The 'vertical-align' property aligns an empty 'inline-block' elements' bottom margin edge with the baseline.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-005-10.8.1" class="primary ahem">
        <td><strong>
            <a href="vertical-align-baseline-005.xht">vertical-align-baseline-005</a></strong></td>
        <td></td>
        <td><abbr class="ahem" title="Requires Ahem Font">Ahem</abbr></td>
        <td>Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment
          <ul class="assert">
            <li>The 'vertical-align' property aligns an 'inline-block' elements' bottom margin edge with the baseline when 'overflow' is not set to 'visible'.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-006-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-006.xht">vertical-align-baseline-006</a></strong></td>
        <td></td>
        <td></td>
        <td>Baseline alignment with an inline element parent
          <ul class="assert">
            <li>The baseline of an inline element is aligned with the baseline of its child inline-block when 'vertical-align: baseline' is specified on the child.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-007-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-007.xht">vertical-align-baseline-007</a></strong></td>
        <td></td>
        <td></td>
        <td>Baseline alignment with a block element parent
          <ul class="assert">
            <li>The baseline of a block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-008-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-008.xht">vertical-align-baseline-008</a></strong></td>
        <td></td>
        <td></td>
        <td>Baseline alignment with a table-cell element parent
          <ul class="assert">
            <li>The baseline of a table cell element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-009-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-009.xht">vertical-align-baseline-009</a></strong></td>
        <td></td>
        <td></td>
        <td>Baseline alignment with a table caption element parent
          <ul class="assert">
            <li>The baseline of a table caption element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-baseline-010-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-baseline-010.xht">vertical-align-baseline-010</a></strong></td>
        <td></td>
        <td></td>
        <td>Baseline alignment with an inline-block element parent
          <ul class="assert">
            <li>The baseline of an inline-block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-sub-001-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-sub-001.xht">vertical-align-sub-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Vertical-align set to 'sub' does not adjust font-size
          <ul class="assert">
            <li>The 'vertical-align' property value 'sub' has no effect on the font-size of an element's text.</li>
          </ul>
        </td>
      </tr>
      <tr id="vertical-align-super-001-10.8.1" class="primary">
        <td><strong>
            <a href="vertical-align-super-001.xht">vertical-align-super-001</a></strong></td>
        <td></td>
        <td></td>
        <td>Vertical-align set to 'super' does not adjust font-size
          <ul class="assert">
            <li>The 'vertical-align' property value 'super' has no effect on the font-size of an element's text.</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>

 </body>
</html>
